.integrations-launch-row{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.composer-button,.integrations-button{min-height:42px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;color:#17191c;padding:0 15px;display:inline-flex;align-items:center;gap:8px;font-weight:650;cursor:pointer;box-shadow:0 4px 12px rgba(16,24,40,.05)}.integrations-button:hover{border-color:#cfd4da;background:#f5f6f7;color:#17191c;box-shadow:0 6px 14px rgb(15 23 42/.1);transform:translateY(-1px)}.composer-button{background:#151719;color:#fff;border-color:#151719}.composer-button svg,.integrations-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.composer-dialog{position:fixed;inset:0;width:min(1040px,calc(100vw - 40px));height:min(680px,calc(100vh - 40px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:18px;background:#fff;box-shadow:0 32px 80px rgb(0 0 0/.28),0 8px 24px rgb(0 0 0/.12)}.composer-dialog::backdrop{background:rgb(0 0 0/.7)}.composer-shell{position:relative;width:100%;height:100%;display:grid;grid-template-rows:72px minmax(0,1fr) 68px;overflow:hidden;background:#f7f8fa;color:#171717}.composer-shell::before{content:"";position:absolute;inset:0 0 auto;z-index:5;height:3px;background:linear-gradient(90deg,#3b82f6 0 20%,#22c55e 20% 40%,#a855f7 40% 60%,#f97316 60% 80%,#ef4444 80%)}
.composer-header{display:flex;align-items:center;justify-content:space-between;padding:3px 24px 0 28px;border-bottom:1px solid #e3e6ea;background:#fff}.composer-header h2{margin:1px 0 0;color:#080808;font-size:20px;line-height:1.25;font-weight:750}.composer-header p{margin:3px 0 0;color:#62676e;font-size:11px}.composer-eyebrow{color:#1677ff;font-size:9px;font-weight:800;letter-spacing:.14em}.composer-close{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #e0e3e7;border-radius:10px;background:#fff;color:#111;cursor:pointer;box-shadow:0 3px 8px rgb(15 23 42/.08)}.composer-close:hover{background:#f3f4f5}.composer-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.composer-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);gap:14px;padding:14px 16px;overflow:hidden}.composer-main,.composer-settings{min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none}.composer-main::-webkit-scrollbar,.composer-settings::-webkit-scrollbar{display:none}.composer-section{padding:15px;border:1px solid #e0e4e8;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgb(15 23 42/.055)}.composer-section-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.composer-step{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;background:#171717;color:#fff;font-size:11px;font-weight:750}.composer-section-heading h3{margin:0;color:#090909;font-size:13px;line-height:17px;font-weight:750}.composer-section-heading p{margin:2px 0 0;color:#60656c;font-size:10px;line-height:14px}
.composer-shell label{display:grid;gap:5px;margin:10px 0;color:#191b1e;font-size:11px;font-weight:700}.composer-shell input,.composer-shell select,.composer-shell textarea{width:100%;border:1px solid #d9dde2;border-radius:9px;background:#fff;color:#080808;padding:9px 10px;font-size:11px;outline:0;box-shadow:inset 0 1px 2px rgb(15 23 42/.025)}.composer-shell input,.composer-shell select{height:38px}.composer-shell textarea{min-height:78px;resize:vertical;line-height:1.45}.composer-shell input:focus,.composer-shell select:focus,.composer-shell textarea:focus{border-color:#8b929a;box-shadow:0 0 0 3px rgb(15 23 42/.055)}.source-switch{display:flex;padding:3px;border:1px solid #e4e6e9;border-radius:10px;background:#f1f2f3}.source-switch button{flex:1;height:34px;border:0;border-radius:8px;background:transparent;color:#51565d;cursor:pointer;font-size:11px;font-weight:700}.source-switch button.active{background:#fff;color:#080808;box-shadow:0 2px 8px rgb(16 24 40/.09)}.composer-source{margin-top:8px}.listing-results{max-height:116px;overflow-y:auto;display:grid;gap:6px;padding-right:2px;scrollbar-width:none}.listing-results::-webkit-scrollbar{display:none}.listing-result{width:100%;min-height:52px;border:1px solid #e2e5e9;background:#fff;border-radius:10px;padding:6px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;text-align:left;cursor:pointer;color:#111}.listing-result:hover{background:#fafafa}.listing-result.selected{border-color:#171717;box-shadow:0 0 0 1px #171717}.listing-result img,.listing-placeholder{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f0f1f2;display:grid;place-items:center;font-weight:800}.listing-result-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 7px}.listing-result strong,.listing-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-result strong{min-width:0;font-size:11px}.listing-result small{grid-column:1/-1;color:#686d73;font-size:9px;font-weight:400}.content-type-badge{width:max-content;padding:2px 6px;border-radius:999px;background:#eef2f7;color:#313840;font-size:8px;font-weight:800;line-height:1.2}.content-type-badge.video{background:#e9f2ff;color:#185da8}.content-type-badge.short{background:#f3eaff;color:#7236a8}.upload-drop{position:relative;min-height:114px!important;margin:10px 0 0!important;border:1px dashed #aeb4bb!important;border-radius:11px!important;padding:15px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafafa!important}.upload-drop:hover{border-color:#171717!important;background:#f6f6f6!important}.upload-drop input{position:absolute;opacity:0;pointer-events:none}.upload-drop strong,.upload-drop>span{display:block}.upload-drop>span:last-child{color:#697079;font-size:9px;font-weight:500}.upload-icon{width:31px;height:31px;display:grid!important;place-items:center;margin-bottom:5px;border-radius:9px;background:#171717;color:#fff}.upload-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-preview{display:flex;gap:6px;min-height:0;overflow-x:auto;margin-top:8px;scrollbar-width:none}.media-preview:not(:empty){padding-top:2px}.media-preview::-webkit-scrollbar{display:none}.media-preview img,.media-preview video{width:62px;height:62px;flex:0 0 62px;border:1px solid #e2e5e8;border-radius:9px;object-fit:cover;background:#eee}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:9px}.composer-target-section{flex:1}.composer-shell fieldset{padding:0;border:0;margin:0}.target-list{display:grid;grid-template-columns:1fr;gap:7px}.target-list label{min-height:42px;margin:0;padding:8px 10px;display:flex;align-items:center;gap:9px;border:1px solid #e2e5e8;border-radius:10px;background:#fafafa;color:#171717;font-size:10px}.target-list label:hover{border-color:#bfc4ca;background:#fff}.target-list input{width:15px;height:15px;margin:0;accent-color:#171717;box-shadow:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px 0 24px;border-top:1px solid #e1e4e8;background:#fff}.composer-footer p{margin:0;color:#646a71;font-size:10px}.composer-footer>div{display:flex;gap:8px}.composer-footer button{height:38px;border-radius:9px;padding:0 16px;font-size:11px;font-weight:700;cursor:pointer}.composer-cancel{border:1px solid #dce0e4;background:#fff;color:#171717}.composer-footer .primary-button{border:1px solid #171717;background:#171717;color:#fff;box-shadow:0 4px 10px rgb(15 23 42/.14)}
@media(max-width:760px){.composer-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px)}.composer-shell{grid-template-rows:68px minmax(0,1fr) 64px}.composer-header{padding:3px 15px 0}.composer-header p{display:none}.composer-layout{display:block;padding:10px;overflow-y:auto;scrollbar-width:none}.composer-layout::-webkit-scrollbar{display:none}.composer-main,.composer-settings{overflow:visible}.composer-settings{margin-top:12px}.composer-footer{padding:0 12px}.composer-footer p{display:none}.composer-footer>div{width:100%}.composer-footer button{flex:1}.form-grid{grid-template-columns:1fr}.composer-button,.integrations-button{flex:1;justify-content:center}}
@media(min-width:761px){.composer-dialog{height:min(730px,calc(100vh - 40px))}}
.market-readonly{display:grid;gap:5px;margin:10px 0;color:#191b1e;font-size:11px;font-weight:700}.market-readonly strong{height:38px;display:flex;align-items:center;padding:0 11px;border:1px solid #d9dde2;border-radius:9px;background:#f4f5f6;color:#111;font-size:11px;letter-spacing:.04em}.media-preview-item{position:relative;width:62px;height:62px;flex:0 0 62px}.media-preview-item img,.media-preview-item video{width:100%;height:100%}.media-preview-item button{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:1px solid rgb(255 255 255/.85);border-radius:50%;background:rgb(17 17 17/.88);color:#fff;font:700 14px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0/.24)}.media-preview-item button:hover{background:#ef4444}
.utm-control{margin-top:9px;border:1px solid #e0e4e8;border-radius:11px;background:#fafbfc}.utm-control-row{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px 7px 11px}.composer-shell .utm-switch{min-width:0;display:flex;align-items:center;gap:9px;margin:0}.composer-shell .utm-switch input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#171717;box-shadow:none}.utm-switch strong,.utm-switch small{display:block}.utm-switch strong{color:#151719;font-size:11px}.utm-switch small{margin-top:1px;color:#6a7077;font-size:9px;font-weight:500}.utm-control-row>button{height:30px;padding:0 10px;border:1px solid #d9dde2;border-radius:8px;background:#fff;color:#25282c;font-size:9px;font-weight:750;cursor:pointer}.utm-control-row>button:hover{background:#f2f3f4}.utm-control-row>button:disabled{opacity:.45;cursor:default}.utm-fields{padding:0 11px 10px;border-top:1px solid #e7e9ec}.utm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.composer-shell .utm-grid label{margin:8px 0 0;font-size:9px}.composer-shell .utm-grid input{height:32px;padding:7px 8px;font-size:9px}.utm-optional{margin-top:8px}.utm-optional summary{width:max-content;color:#4f5964;font-size:9px;font-weight:700;cursor:pointer}.utm-grid-optional{grid-template-columns:repeat(2,minmax(0,1fr))}.utm-fields>p{margin:7px 0 0;color:#6a7077;font-size:8px;line-height:1.35}@media(max-width:760px){.utm-grid{grid-template-columns:1fr}.utm-grid-optional{grid-template-columns:1fr}}
.composer-shell input.composer-invalid,.composer-shell select.composer-invalid,.composer-shell textarea.composer-invalid{border-color:#e5484d;background:#fffafa;box-shadow:0 0 0 3px rgb(229 72 77/.1)}.composer-error-target{border-color:#e5484d!important;background:#fffafa!important;box-shadow:0 0 0 3px rgb(229 72 77/.08)}.composer-field-error{display:block;margin:4px 0 0;color:#c9343c;font-size:9px;font-weight:650;line-height:1.35}.target-list+.composer-field-error{margin-top:6px}.composer-validation-summary{margin:0 0 7px;color:#c9343c;font-size:10px;font-weight:700}
.composer-shell .schedule-label{gap:5px}.schedule-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;border:1px solid transparent;border-radius:10px}.localized-date-picker{position:relative;min-width:0}.composer-shell #scheduledDateDisplay{padding-right:42px;cursor:text;font-variant-numeric:tabular-nums}.composer-shell #scheduledDateDisplay::placeholder{color:#70767d;opacity:1}.localized-date-picker>button{position:absolute;top:3px;right:3px;width:32px;height:32px;border:0;border-left:1px solid #e3e6e9;border-radius:0 7px 7px 0;background:#fff;color:#30343a;display:grid;place-items:center;cursor:pointer}.localized-date-picker>button:hover{background:#f4f5f6}.localized-date-picker>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.composer-shell #scheduledDate{position:absolute;left:50%;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.localized-time-picker{width:92px;min-width:0;display:flex;align-items:center;gap:3px}.composer-shell #scheduledHour,.composer-shell #scheduledMinute{width:42px;min-width:0;height:38px;padding:0 5px;text-align:center;font-variant-numeric:tabular-nums}.localized-time-picker>span{color:#444;font-size:12px;font-weight:800}.composer-shell #scheduledPeriod{width:49px;height:38px;padding:0 3px;font-size:10px}.composer-shell #scheduledTime{display:none}body[data-market="US"] .localized-time-picker{width:145px}.schedule-format-hint{display:block;margin-top:0;color:#656b72;font-size:8px;font-weight:550}.schedule-control.composer-error-target{padding:3px;margin:-3px}.schedule-control.composer-error-target+#scheduleFormatHint{margin-top:3px}@media(max-width:420px){.schedule-control{grid-template-columns:1fr}.localized-time-picker,body[data-market="US"] .localized-time-picker{width:100%}.composer-shell #scheduledHour,.composer-shell #scheduledMinute{flex:1}}
.schedule-calendar{position:absolute;z-index:30;top:44px;right:0;width:252px;padding:10px;border:1px solid #dfe3e7;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgb(15 23 42/.2)}.schedule-calendar[hidden]{display:none}.schedule-calendar-header{height:31px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:5px;margin-bottom:6px}.schedule-calendar-header strong{text-align:center;color:#151719;font-size:11px;text-transform:capitalize}.schedule-calendar-header button{width:30px;height:30px;border:1px solid #e1e4e7;border-radius:8px;background:#fff;color:#25282c;font-size:19px;line-height:1;cursor:pointer}.schedule-calendar-header button:hover{background:#f3f4f5}.schedule-calendar-weekdays,.schedule-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.schedule-calendar-weekdays{margin-bottom:3px}.schedule-calendar-weekdays span{height:23px;display:grid;place-items:center;color:#737981;font-size:8px;font-weight:750;text-transform:capitalize}.schedule-calendar-days button,.schedule-calendar-empty{height:28px;border:0;border-radius:7px;display:grid;place-items:center}.schedule-calendar-days button{background:#fff;color:#24272b;font-size:9px;font-weight:650;cursor:pointer}.schedule-calendar-days button:hover:not(:disabled){background:#eef1f4}.schedule-calendar-days button.today{box-shadow:inset 0 0 0 1px #aeb5bd}.schedule-calendar-days button.selected{background:#17191c;color:#fff;box-shadow:none}.schedule-calendar-days button:disabled{color:#c3c7cc;cursor:not-allowed}@media(max-width:420px){.schedule-calendar{left:0;right:auto;width:min(252px,calc(100vw - 76px))}}
.localized-time-picker{position:relative;width:128px}.composer-shell #scheduledTimeButton{width:32px;height:38px;flex:0 0 32px;padding:0;border:1px solid #d9dde2;border-radius:9px;background:#fff;color:#30343a;display:grid;place-items:center;cursor:pointer}.composer-shell #scheduledTimeButton:hover{background:#f4f5f6}.composer-shell #scheduledTimeButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body[data-market="US"] .localized-time-picker{width:181px}.schedule-time-panel{position:absolute;z-index:31;top:44px;right:0;width:238px;padding:10px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:9px;border:1px solid #dfe3e7;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgb(15 23 42/.2)}.schedule-time-panel[hidden]{display:none}.schedule-time-column>strong{display:block;margin:0 0 6px;color:#4f555d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.schedule-hour-options,.schedule-minute-options{display:grid;gap:3px}.schedule-hour-options{grid-template-columns:repeat(4,1fr)}.schedule-minute-options{grid-template-columns:repeat(3,1fr)}.schedule-time-panel button{height:27px;padding:0;border:0;border-radius:7px;background:#f4f5f6;color:#282c31;font-size:9px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}.schedule-time-panel button:hover{background:#e7eaed}.schedule-time-panel button.selected{background:#17191c;color:#fff}@media(max-width:420px){.localized-time-picker,body[data-market="US"] .localized-time-picker{width:100%}.schedule-time-panel{left:0;right:auto;width:min(238px,calc(100vw - 76px))}}
.localized-time-picker{width:128px;height:38px;gap:0;border:1px solid #d9dde2;border-radius:9px;background:#fff}.composer-shell #scheduledHour,.composer-shell #scheduledMinute{width:38px;height:36px;border:0;border-radius:8px;padding:0 4px;box-shadow:none;background:transparent}.composer-shell #scheduledHour:focus,.composer-shell #scheduledMinute:focus{background:#f3f5f7;box-shadow:none}.localized-time-picker>span{width:8px;text-align:center}.composer-shell #scheduledPeriod{width:48px;height:36px;border:0;border-radius:7px;padding:0 2px;background:transparent;box-shadow:none}.composer-shell #scheduledTimeButton{width:36px;height:36px;flex-basis:36px;border:0;border-left:1px solid #e3e6e9;border-radius:0 8px 8px 0;box-shadow:none}body[data-market="US"] .localized-time-picker{width:176px}.schedule-time-panel{top:43px;right:0;width:278px;display:block;padding:10px;overflow:hidden}.schedule-time-panel>strong{display:block;margin:0 0 7px;color:#30353b;font-size:10px;font-weight:800}.schedule-time-options{max-height:218px;overflow-y:auto;padding-right:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;scrollbar-width:thin;scrollbar-color:#c8cdd2 transparent}.schedule-time-options::-webkit-scrollbar{width:4px}.schedule-time-options::-webkit-scrollbar-thumb{border-radius:999px;background:#c8cdd2}.schedule-time-options button{height:28px;padding:0 2px;border:0;border-radius:7px;background:#f3f4f5;color:#292d32;font-size:8px;font-weight:750;cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap}.schedule-time-options button:hover{background:#e6e9ec}.schedule-time-options button.selected{background:#17191c;color:#fff}.schedule-time-panel>small{display:block;margin-top:7px;color:#6c7279;font-size:8px;font-weight:550}@media(max-width:420px){.localized-time-picker,body[data-market="US"] .localized-time-picker{width:100%}.schedule-time-panel{left:0;right:auto;width:min(278px,calc(100vw - 76px))}}

/* A roomier one-click time selector: readable without making the composer larger. */
.schedule-time-panel {
  width: 430px;
  padding: 14px;
  border-radius: 14px;
  box-shadow: 0 20px 48px rgb(15 23 42 / .24);
}

.target-account-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.target-account-copy strong,
.target-account-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-account-copy strong {
  color: #171717;
  font-size: 10px;
  line-height: 13px;
}

.target-account-copy small {
  color: #676d74;
  font-size: 9px;
  font-weight: 500;
  line-height: 12px;
}

.schedule-time-panel > strong {
  margin-bottom: 10px;
  color: #17191c;
  font-size: 12px;
}

.schedule-time-options {
  max-height: 350px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  padding-right: 6px;
}

.schedule-time-options button {
  height: 34px;
  border: 1px solid #e4e7ea;
  border-radius: 8px;
  background: #f7f8f9;
  color: #17191c;
  font-size: 10px;
}

.schedule-time-options button:hover {
  border-color: #c9ced4;
  background: #eceff2;
}

.schedule-time-options button.selected {
  border-color: #17191c;
  background: #17191c;
  color: #fff;
}

.schedule-time-panel > small {
  margin-top: 10px;
  color: #555c64;
  font-size: 9px;
}

@media (max-width: 560px) {
  .schedule-time-panel {
    left: 0;
    right: auto;
    width: min(390px, calc(100vw - 48px));
    padding: 12px;
  }

  .schedule-time-options {
    max-height: 310px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Match the create-product scheduler account cards. */
.composer-shell .target-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.composer-shell .target-list .target-account {
  position: relative;
  display: grid;
  grid-template-columns: 15px 32px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 50px;
  padding: 6px 8px;
  border: 1px solid #e2e5e8;
  border-radius: 11px;
  background: #fafafa;
}

.composer-shell .target-list .target-account:hover,
.composer-shell .target-list .target-account:focus-within {
  border-color: #c4c9cf;
  background: #fff;
}

.target-platform-icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border: 1px solid #e1e4e8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(15 23 42 / .08);
}

.target-platform-icon svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.target-platform-icon.telegram { color: #229ed9; }
.target-platform-icon.facebook { color: #1877f2; }
.target-platform-icon.instagram { color: #c13584; }
.target-platform-icon.pinterest { color: #e60023; }
.target-platform-icon.linkedin { color: #0a66c2; }
.target-platform-icon.tumblr { color: #35465c; }
.target-platform-icon.bluesky { color: #1185fe; }
.target-platform-icon.mastodon { color: #6364ff; }
.target-platform-icon.discord { color: #5865f2; }
.target-platform-icon.google_business { color: #4285f4; }
.target-platform-icon.google_business svg { fill: initial; }

.target-account[data-account-detail]::before,
.target-account[data-account-detail]::after {
  position: absolute;
  z-index: 80;
  left: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}

.target-account[data-account-detail]::before {
  bottom: calc(100% + 3px);
  left: 40px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #17191c;
  content: "";
  transform: translateY(3px);
}

.target-account[data-account-detail]::after {
  bottom: calc(100% + 13px);
  width: max-content;
  max-width: 300px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #17191c;
  box-shadow: 0 8px 24px rgb(15 23 42 / .22);
  color: #fff;
  content: attr(data-account-detail);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
  transform: translateY(5px);
}

.target-account:nth-child(even)[data-account-detail]::after {
  right: 0;
  left: auto;
}

.target-account:nth-child(even)[data-account-detail]::before {
  right: 40px;
  left: auto;
}

.target-account[data-account-detail]:has(.target-platform-icon:hover)::before,
.target-account[data-account-detail]:has(.target-platform-icon:hover)::after {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 560px) {
  .composer-shell .target-list {
    grid-template-columns: 1fr;
  }
}

/* Keep the date picker inside the settings column and make dates easier to scan. */
.schedule-calendar {
  left: 0;
  right: auto;
  width: 330px;
  padding: 14px;
  border-radius: 14px;
  box-shadow: 0 20px 48px rgb(15 23 42 / .24);
}

.schedule-calendar-header {
  height: 38px;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  gap: 8px;
  margin-bottom: 9px;
}

.schedule-calendar-header strong {
  color: #17191c;
  font-size: 13px;
}

.schedule-calendar-header button {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.schedule-calendar-weekdays,
.schedule-calendar-days {
  gap: 5px;
}

.schedule-calendar-weekdays {
  margin-bottom: 5px;
}

.schedule-calendar-weekdays span {
  height: 27px;
  color: #666d75;
  font-size: 9px;
}

.schedule-calendar-days button,
.schedule-calendar-empty {
  height: 36px;
  border-radius: 9px;
}

.schedule-calendar-days button {
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 560px) {
  .schedule-calendar {
    left: 0;
    right: auto;
    width: min(330px, calc(100vw - 48px));
    padding: 12px;
  }

  .schedule-calendar-days button,
  .schedule-calendar-empty {
    height: 34px;
  }
}

/* The time list stays within the settings column and scrolls vertically. */
.schedule-time-panel {
  left: auto;
  right: 0;
  width: 320px;
  padding: 12px;
}

.schedule-time-options {
  max-height: 286px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  overflow-x: hidden;
  overflow-y: auto;
}

.schedule-time-options button {
  height: 36px;
  font-size: 11px;
}

@media (max-width: 560px) {
  .schedule-time-panel {
    left: auto;
    right: 0;
    width: min(320px, calc(100vw - 48px));
  }

  .schedule-time-options {
    max-height: 270px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Persistent primary Hub actions in the free desktop rail. */
@media (min-width: 1280px) {
  .integrations-launch-row {
    position: fixed;
    top: auto;
    right: 24px;
    bottom: clamp(56px, 7.5vh, 84px);
    z-index: 24;
    width: 180px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .integrations-launch-row .integrations-button,
  .integrations-launch-row .composer-button {
    width: 100%;
    min-height: 44px;
    flex: none;
    justify-content: flex-start;
    padding-inline: 14px;
    box-shadow: 0 7px 20px rgb(15 23 42 / .11);
  }
}

/* Toasts stay immediately visible at the top-center of the viewport. */
.toast {
  top: 18px;
  right: auto;
  bottom: auto;
  left: 50%;
  width: max-content;
  max-width: min(520px, calc(100vw - 32px));
  text-align: center;
  transform: translate(-50%, -12px);
}

.toast.show {
  transform: translate(-50%, 0);
}

@media (max-width: 760px) {
  .toast {
    top: 10px;
    max-width: calc(100vw - 20px);
  }
}

/* Keep the upload control and larger media previews together in one row. */
.composer-source-area {
  min-width: 0;
}

.composer-source-area.is-upload {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 9px;
  margin-top: 8px;
}

.composer-source-area.is-upload .composer-source {
  min-width: 0;
  margin-top: 0;
}

.composer-source-area.is-upload .upload-drop {
  width: 100%;
  height: 132px;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 12px !important;
}

.composer-source-area.is-upload .media-preview {
  display: contents;
}

.composer-source-area.is-uploading .upload-drop {
  cursor: default;
  opacity: .72;
}

.media-preview {
  gap: 8px;
}

.composer-source-area.is-upload .media-preview-item,
.composer-source-area.is-upload .media-preview img,
.composer-source-area.is-upload .media-preview video {
  width: 100%;
  height: 132px;
  flex-basis: auto;
}

.media-preview-item.is-uploading {
  overflow: hidden;
  border: 1px solid #cfd5dc;
  border-radius: 10px;
  background: #eef1f4;
}

.video-preview-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: #eef1f4;
  color: #737a83;
}

.video-preview-placeholder svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.video-preview-badge {
  position: absolute;
  left: 7px;
  bottom: 7px;
  z-index: 2;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid rgb(255 255 255 / .82);
  border-radius: 7px;
  background: rgb(17 17 17 / .82);
  color: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / .25);
  pointer-events: none;
}

.video-preview-badge svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.media-upload-progress {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 12px;
  background: rgb(17 24 39 / .52);
  color: #fff;
}

.media-upload-track {
  width: min(150px, 100%);
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(255 255 255 / .35);
  box-shadow: inset 0 1px 2px rgb(0 0 0 / .22);
}

.media-upload-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #ef4444;
  transition: width .18s ease-out;
}

.media-upload-progress b {
  font-size: 10px;
  line-height: 1;
  font-weight: 750;
}

.media-upload-progress small {
  font-size: 8px;
  line-height: 1;
  color: rgb(255 255 255 / .9);
}

.media-upload-progress button {
  position: static;
  width: auto;
  height: auto;
  padding: 5px 10px;
  border: 1px solid rgb(255 255 255 / .8);
  border-radius: 999px;
  background: rgb(17 24 39 / .6);
  color: #fff;
  font: 700 9px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
  box-shadow: none;
}

.media-upload-progress button:hover {
  background: #fff;
  color: #111;
}

@media (max-width: 560px) {
  .composer-source-area.is-upload {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .composer-source-area.is-upload .media-preview-item,
  .composer-source-area.is-upload .media-preview img,
  .composer-source-area.is-upload .media-preview video {
    height: 120px;
  }

  .composer-source-area.is-upload .upload-drop {
    height: 120px;
    min-height: 120px !important;
    padding: 10px !important;
  }

  .composer-source-area.is-upload .upload-icon {
    width: 28px;
    height: 28px;
  }

  .composer-source-area.is-upload .upload-drop > span:last-child {
    font-size: 8px;
  }
}