.fbw-panel{display:grid;gap:13px;color:#252b3c}.fbw-connection{display:grid;gap:12px;padding:11px;border:1px solid #e3e7f0;border-radius:13px;background:#f9fbff}.fbw-brand{display:flex;align-items:center;gap:9px}.fbw-brand b{display:block;font-size:12px}.fbw-brand small{display:block;font-size:11px;color:#68758d;margin-top:2px}.fbw-logo{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:#edf1ff;color:#1877f2;font:700 22px Arial,sans-serif}.fbw-connect,.fbw-publish{width:100%;border:0;border-radius:10px;padding:12px 10px;background:#1877f2;color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:background .18s,transform .18s}.fbw-connect:hover,.fbw-publish:hover{background:#0964d4;transform:translateY(-1px)}.fbw-publish:disabled{background:#a9b9d2;cursor:not-allowed;transform:none}.fbw-disconnect,.fbw-refresh{border:0;background:transparent;color:#63728d;font-size:11px;cursor:pointer;text-align:left;padding:0}.fbw-disconnect:hover,.fbw-refresh:hover{color:#1877f2}.fbw-hint{font-size:11px;line-height:1.55;color:#6c5770;background:#f8f6fa;padding:10px;border-radius:9px}.fbw-hint[hidden],.fbw-panel [hidden]{display:none!important}.fbw-panel .automation-config-field{display:grid;gap:7px;margin:0}.fbw-panel .automation-config-field>span{font-size:11px;font-weight:650;color:#4d5770}.fbw-panel input:not([type=file]),.fbw-panel select,.fbw-panel textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #dce3ef;border-radius:9px;background:white;padding:10px;font:12px/1.55 inherit;color:#2b3850;outline:0}.fbw-panel textarea{resize:vertical;min-height:106px;font-family:inherit}.fbw-panel :is(input,select,textarea):focus{border-color:#1877f2;box-shadow:0 0 0 3px #1877f219}.fbw-panel input[type=file]{width:100%;min-width:0;font-size:11px}.fbw-panel .automation-config-field small{font-size:10px;color:#788396}.fbw-section-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.fbw-section-head b{font-size:12px}.fbw-section-head small{font-size:10px;color:#7a8598}.fbw-separator{height:1px;background:#e7eaf0;margin:5px 0}.fbw-result{font-size:11px;color:#206b46;line-height:1.5}.fbw-result:empty{display:none}.fbw-posts{display:grid;gap:8px;max-height:290px;overflow-y:auto}.fbw-post{padding:10px;background:#fbfcfe;border:1px solid #e8ebf2;border-radius:10px}.fbw-post p{font-size:11px;line-height:1.5;color:#434f65;margin:6px 0;overflow-wrap:anywhere}.fbw-post-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.fbw-post-top small{font-size:10px;color:#77839b}.fbw-status{font-size:10px;font-weight:700;color:#6d7788}.fbw-published{color:#148a56}.fbw-failed,.fbw-needs_review{color:#bc4b4b}.fbw-queued{color:#3776c0}.fbw-post button{font-size:10px;color:#ad5b62;border:0;background:transparent;padding:5px 0;cursor:pointer}.fbw-error{color:#ad4f58;line-height:1.5;font-size:10px}.fbw-empty{font-size:11px;color:#8792a4;padding:8px 0}.fbw-footnote{font-size:10px;line-height:1.6;color:#7b8699;margin:0}.fbw-oauth-body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f8ff;font-family:Inter,system-ui,sans-serif}.fbw-oauth-card{width:min(370px,calc(100% - 48px));padding:30px;border:1px solid #e5eaf3;border-radius:18px;box-shadow:0 18px 50px #21467412;background:#fff;text-align:center}.fbw-oauth-card .fbw-logo{margin:0 auto}.fbw-oauth-card h1{font-size:20px;margin:17px 0 8px}.fbw-oauth-card p{font-size:13px;color:#66728a;line-height:1.6}.fbw-oauth-card a{display:inline-block;text-decoration:none;background:#1877f2;color:white;border-radius:10px;padding:12px 20px;font-size:13px;margin-top:12px}

/* Facebook destination selector: Page API vs user-confirmed profile/group sharing */
.fbw-target-heading{display:grid;gap:3px;margin:2px 0 0}
.fbw-target-heading b{font-size:12px;line-height:1.45;color:#26344c}
.fbw-target-heading small{font-size:10px;color:#78869b}
.fbw-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fbw-target{display:grid;gap:4px;align-content:center;min-width:0;min-height:62px;padding:9px 3px;border-radius:10px;border:1px solid #e2e7f0;background:#fafcff;text-align:center;color:#64748b;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.fbw-target strong{font-size:11px;font-weight:700}
.fbw-target small{font-size:9px;letter-spacing:.01em}
.fbw-target:hover{border-color:#9fc4f5;background:#f3f8ff}
.fbw-target.is-active{border-color:#1877f2;background:#f0f6ff;color:#1762c0;box-shadow:0 0 0 2px #1877f210}
.fbw-target:focus-visible{outline:2px solid #1877f2;outline-offset:2px}
.fbw-page-panel,.fbw-manual-panel,.fbw-group-fields{display:grid;gap:13px;min-width:0}
.fbw-manual-panel{border-top:1px solid #e7ebf2;padding-top:16px}
.fbw-manual-note{border:1px solid #e0eafa;background:#f6faff;padding:12px;border-radius:11px}
.fbw-manual-note b{font-size:12px;color:#254466}
.fbw-manual-note p{margin:5px 0 0;font-size:10px;line-height:1.6;color:#63738d}
.fbw-manual-hint{font-size:10px;line-height:1.6;color:#66758c;margin:0}
.fbw-save-draft{width:100%;background:#f0f4fb;border:1px solid #dce5f2;border-radius:9px;padding:10px 9px;color:#355274;font-size:11px;font-weight:700;cursor:pointer}
.fbw-save-draft:hover{background:#e6f0ff}
.fbw-manual-actions{display:grid;grid-template-columns:1fr;gap:8px}
.fbw-copy{padding:11px 9px;border-radius:9px;background:#fff;border:1px solid #cfd9e9;color:#2465bd;font-size:11px;font-weight:700;cursor:pointer}
.fbw-copy:hover{background:#f7fbff}
.fbw-share-link{border:0;text-align:center;background:transparent;color:#1877f2;font-size:11px;font-weight:600;cursor:pointer}
.fbw-manual-panel .fbw-result{margin:0}
@media(min-width:1650px){.fbw-manual-actions{grid-template-columns:1fr 1fr}}

/* Experimental browser companion for Profile / Group. Isolated from Facebook Pages API UI. */
.fbw-agent{display:grid;gap:12px;margin:4px 0;padding:13px;border-radius:12px;border:1px solid #d9e4f4;background:#f9fbff}
.fbw-agent-head{display:flex;gap:9px;align-items:center}
.fbw-agent-head b{display:block;color:#273852;font-size:12px}
.fbw-agent-head small{display:block;color:#75839a;font-size:10px;line-height:1.4}
.fbw-agent-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#eaf1ff;color:#1877f2;font-size:18px}
.fbw-agent-state{background:#f0f3f8;border-radius:8px;padding:9px;color:#67758b;font-size:11px;line-height:1.5}
.fbw-agent-state.is-online{color:#148150;background:#eaf8f1}
.fbw-agent-download{display:block;border-radius:9px;padding:11px 9px;border:1px solid #cbdcf7;text-align:center;color:#186acf;background:#fff;text-decoration:none;font-size:11px;font-weight:700;line-height:1.5}
.fbw-agent-download:hover{background:#eff6ff}
.fbw-agent-optin{display:flex;gap:10px;align-items:flex-start;margin:2px 0;cursor:pointer}
.fbw-agent-optin input{flex:none;width:16px;height:16px;margin:2px 0 0}
.fbw-agent-optin b{display:block;font-size:11px;line-height:1.5;color:#334155}
.fbw-agent-optin small{display:block;font-size:10px;line-height:1.6;color:#708096}
.fbw-agent-fields{display:grid;gap:11px}
.fbw-agent-devices{display:grid;gap:6px}
.fbw-agent-device{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e3e9f3;border-radius:8px;padding:9px}
.fbw-agent-device b{display:block;font-size:10px;color:#40546d;overflow-wrap:anywhere}
.fbw-agent-device small{display:block;color:#7b8898;font-size:10px}
.fbw-agent-device button{border:0;background:transparent;color:#a45454;cursor:pointer;font-size:10px}
.fbw-agent [hidden]{display:none!important}
.fbw-agent .fbw-publish{font-size:11px;padding:11px}

/* Secure, on-platform Facebook VPS browser viewer */
.fbvps-setup{display:grid;gap:8px}
.fbvps-setup p{margin:0}
.fbw-agent-revoke{border:0;background:transparent;text-decoration:underline;color:#64748b;cursor:pointer;font-size:10px;padding:5px 4px}
.fbvps-setup[hidden],.fbvps-overlay[hidden]{display:none!important}
.fbvps-overlay{position:fixed;z-index:999990;inset:0;background:rgba(13,25,45,.75);display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto}
.fbvps-shell{width:min(1160px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:16px;padding:0;box-shadow:0 12px 80px #0005;color:#25324a;display:flex;flex-direction:column}
.fbvps-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #e5ebf3}
.fbvps-shell>header b{display:block;font-size:15px;line-height:1.4}
.fbvps-shell>header small{display:block;color:#64748b;font-size:11px;line-height:1.6}
.fbvps-shell>header button{padding:10px;border:0;background:#eef2f8;border-radius:9px;cursor:pointer}
.fbvps-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 16px}
.fbvps-tools button,.fbvps-bottom button{border:1px solid #dce3ee;background:#f8fbff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:11px;color:#33577b}
.fbvps-screen-container{width:100%;max-height:64vh;overflow:auto;background:#f3f5f9;text-align:center;border-block:1px solid #dee5ef}
.fbvps-screen-container img{display:block;width:min(100%,1100px);height:auto;aspect-ratio:1100/740;margin:0 auto;cursor:crosshair;background:#f9faff;object-fit:contain}
.fbvps-bottom{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:13px 16px}
.fbvps-bottom label{display:grid;gap:5px;min-width:180px;flex:1}
.fbvps-bottom label span{font-size:11px;color:#55647b}
.fbvps-bottom input{border:1px solid #d7e0eb;background:#fff;padding:10px 12px;border-radius:8px;font:13px inherit;color:#1f2937;width:100%;box-sizing:border-box}
.fbvps-notice{padding:0 16px;margin:4px 0 12px;font-size:11px;line-height:1.6;color:#335b8c}
.fbvps-shell>footer{padding:9px 16px 15px;font-size:10px;color:#718198;line-height:1.6;border-top:1px solid #e5ebf3}
@media(max-width:650px){.fbvps-overlay{padding:0}.fbvps-shell{max-height:100dvh;height:100dvh;border-radius:0}.fbvps-screen-container{max-height:55vh}.fbvps-shell>header{padding:10px 12px}.fbvps-bottom{padding:9px 12px}}


/* Facebook editor: independent, full-height inspector scrolling at normal browser zoom. */
.workflow-editor .workflow-inspector.fbw-scroll-inspector{
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:100%;
  overflow:hidden;
}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-head{
  flex:0 0 auto;
}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body{
  display:block;
  flex:1 1 0%;
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#9db1d2 #f1f5fb;
  scrollbar-gutter:stable;
}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body::-webkit-scrollbar{width:9px}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body::-webkit-scrollbar-track{background:#f1f5fb;border-radius:8px}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body::-webkit-scrollbar-thumb{background:#9db1d2;border:2px solid #f1f5fb;border-radius:8px}
.workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body::-webkit-scrollbar-thumb:hover{background:#6f93c9}
@media(max-width:640px){
  /* On phones use natural page scrolling below the workflow canvas. */
  .workflow-editor .workflow-inspector.fbw-scroll-inspector{height:auto;max-height:none;overflow:visible}
  .workflow-editor .workflow-inspector.fbw-scroll-inspector>.inspector-body{
    flex:initial;min-height:0;max-height:none;overflow:visible;scrollbar-gutter:auto
  }
}


/* Facebook agent: prevent the opt-in row from pushing text outside narrow inspectors. */
.workflow-inspector .fbw-agent,
.workflow-inspector .fbw-agent > *,
.workflow-inspector .fbvps-setup,
.workflow-inspector .fbw-agent-fields{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.workflow-inspector .fbw-agent{
  grid-template-columns:minmax(0,1fr);
}
.workflow-inspector .fbw-agent-optin{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  column-gap:10px;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:2px 0;
  box-sizing:border-box;
  cursor:pointer;
}
.workflow-inspector .fbw-agent-optin > input[type="checkbox"]{
  display:block;
  grid-column:1;
  width:16px;
  min-width:16px;
  height:16px;
  margin:2px 0 0;
  justify-self:start;
}
.workflow-inspector .fbw-agent-optin > span{
  display:block;
  grid-column:2;
  min-width:0;
  max-width:100%;
  width:auto;
  overflow-wrap:anywhere;
  white-space:normal;
}
.workflow-inspector .fbw-agent-optin > span > b,
.workflow-inspector .fbw-agent-optin > span > small{
  display:block;
  max-width:100%;
  min-width:0;
  line-height:1.5;
  overflow-wrap:break-word;
  white-space:normal;
}
.workflow-inspector .fbw-agent-fields select,
.workflow-inspector .fbw-agent-fields input{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}