.automation-body{color-scheme:dark;--automation-canvas:#050607;--automation-panel:rgba(15,17,21,.92);--automation-panel-raised:#17191e;--automation-line:rgba(255,255,255,.13);--automation-subtle:rgba(255,255,255,.08);--automation-text:#f5f7fb;--automation-muted:#8f96a2;--automation-blue:#168cff;--automation-blue-light:#6dbbff;--automation-blue-deep:#0067ce;--automation-pearl:#f5f7fb;--automation-red:#ed9ba5;--automation-green:#88bca5;--automation-shadow:0 18px 40px #0005,inset 0 1px 0 #ffffff0a}
.automation-body :is(#main, dialog, .page-footer) *{box-sizing:border-box}.automation-body{margin:0;background:var(--automation-canvas);color:var(--automation-text);line-height:1.5}.automation-body :is(#main, dialog, .page-footer) button,.automation-body :is(#main, dialog, .page-footer) input,.automation-body :is(#main, dialog, .page-footer) select,.automation-body :is(#main, dialog, .page-footer) textarea{font:inherit}.automation-body :is(#main, dialog, .page-footer) button,.automation-body :is(#main, dialog, .page-footer) a,.automation-body :is(#main, dialog, .page-footer) input,.automation-body :is(#main, dialog, .page-footer) select,.automation-body :is(#main, dialog, .page-footer) textarea{-webkit-tap-highlight-color:transparent}.automation-body :is(#main, dialog, .page-footer) button,.automation-body :is(#main, dialog, .page-footer) a{touch-action:manipulation}.automation-body :is(#main, dialog, .page-footer) button{cursor:pointer}.automation-body :is(#main, dialog, .page-footer) button:disabled{cursor:not-allowed;opacity:.45}.automation-body :is(#main, dialog, .page-footer) a{color:inherit;text-decoration:none}.automation-body :is(#main, dialog, .page-footer) button{color:inherit}.automation-body :is(#main, dialog, .page-footer) button,.automation-body :is(#main, dialog, .page-footer) select,.automation-body :is(#main, dialog, .page-footer) input,.automation-body :is(#main, dialog, .page-footer) textarea{border-radius:8px}.automation-body :is(#main, dialog, .page-footer) button,.automation-body :is(#main, dialog, .page-footer) a{transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.automation-body :is(#main, dialog, .page-footer) button:focus-visible,.automation-body :is(#main, dialog, .page-footer) a:focus-visible,.automation-body :is(#main, dialog, .page-footer) input:focus-visible,.automation-body :is(#main, dialog, .page-footer) select:focus-visible,.automation-body :is(#main, dialog, .page-footer) textarea:focus-visible,.automation-body :is(#main, dialog, .page-footer) [tabindex]:focus-visible{outline:2px solid var(--automation-blue);outline-offset:3px}.automation-body :is(#main, dialog, .page-footer) h1,.automation-body :is(#main, dialog, .page-footer) h2,.automation-body :is(#main, dialog, .page-footer) h3,.automation-body :is(#main, dialog, .page-footer) p{margin:0}.automation-body :is(#main, dialog, .page-footer) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.automation-body :is(#main, dialog, .page-footer) button svg,.automation-body :is(#main, dialog, .page-footer) a svg{pointer-events:none}.automation-body [hidden]{display:none!important}.automation-body .icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.automation-body .skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:#fff;color:#000;padding:10px 18px;border-radius:8px}.automation-body .skip-link:focus{top:12px}.automation-body :is(#main, dialog, .page-footer) .muted{color:var(--automation-muted)}.automation-body :is(#main, dialog, .page-footer) .mobile-only{display:none}.automation-shell > #main{max-width:1660px;margin:0 auto;padding:44px 42px 0}.automation-body :is(#main, dialog, .page-footer) .page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 30px}.automation-body :is(#main, dialog, .page-footer) .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8e99ad}.automation-body :is(#main, dialog, .page-footer) .page-heading .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:13px}.automation-body :is(#main, dialog, .page-footer) .page-heading .eyebrow>span{width:5px;height:5px;background:#8ba9d2;border-radius:50%}.automation-body :is(#main, dialog, .page-footer) h1{font-size:clamp(24px,2.5vw,37px);font-weight:530;letter-spacing:-1.25px;line-height:1.25}.automation-body :is(#main, dialog, .page-footer) .page-heading p{font-size:12px;color:#939caa;margin-top:11px;letter-spacing:.08px}.automation-body :is(#main, dialog, .page-footer) .primary-button{border:1px solid #6684ad;background:linear-gradient(180deg,#416797,#2b4c79);box-shadow:inset 0 1px 0 #ffffff21,0 3px 2px #0003,0 6px 20px #0002;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;font-size:12px;font-weight:550;border-radius:9px;color:#f2f6ff;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .primary-button:hover:not(:disabled){background:linear-gradient(180deg,#4e76a7,#345889);border-color:#8da8d0}.automation-body :is(#main, dialog, .page-footer) .primary-button svg{width:17px;height:17px}.automation-body :is(#main, dialog, .page-footer) .new-schedule{margin-top:21px;padding:12px 21px}.automation-body :is(#main, dialog, .page-footer) .quiet-button{padding:7px 13px;background:#ffffff04;border:1px solid #353b47;font-size:11px;color:#cdd3de}.automation-body :is(#main, dialog, .page-footer) .quiet-button:hover{background:#ffffff0a;border-color:#566176}.automation-body :is(#main, dialog, .page-footer) .icon-button{border:1px solid transparent;background:transparent;width:30px;height:30px;display:inline-grid;place-items:center;flex:none;color:#a4adbd;padding:5px}.automation-body :is(#main, dialog, .page-footer) .icon-button:hover{background:#ffffff08;color:#edf2fd;border-color:#3c4452}.automation-body :is(#main, dialog, .page-footer) .icon-button svg{width:16px;height:16px}.automation-body :is(#main, dialog, .page-footer) .text-button{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:6px 0;color:#a8b8d0;font-size:11px;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .text-button svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .text-button:hover{color:#edf3ff}.automation-body :is(#main, dialog, .page-footer) .text-button.small{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .page-message{padding:12px 16px;background:#182436;border:1px solid #334969;color:#c4d4ea;font-size:12px;border-radius:9px;margin-bottom:18px;display:flex;gap:12px;align-items:center}.automation-body :is(#main, dialog, .page-footer) .page-message.is-error{background:#251a20;border-color:#57363f;color:#f0b9c1}.automation-body :is(#main, dialog, .page-footer) .page-message a,.automation-body :is(#main, dialog, .page-footer) .page-message button{margin-left:auto;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .channels-bar{min-height:70px;display:flex;align-items:center;gap:20px;border-top:1px solid #272b35;border-bottom:1px solid #272b35;margin-bottom:30px}.automation-body :is(#main, dialog, .page-footer) .channels-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8993a4;padding-right:20px;border-right:1px solid #2a303a}.automation-body :is(#main, dialog, .page-footer) .channels-label svg{width:15px;height:15px}.automation-body :is(#main, dialog, .page-footer) .channel-chips{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;flex-wrap:wrap}.automation-body :is(#main, dialog, .page-footer) .channel-chip{background:#14171d;border:1px solid #303642;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;font-size:10px;color:#b7bfcd}.automation-body :is(#main, dialog, .page-footer) .channel-chip svg{width:14px;height:14px;stroke-width:1.7}.automation-body :is(#main, dialog, .page-footer) .connection-indicator{width:5px;height:5px;border-radius:50%;background:#606b7e;margin-left:4px}.automation-body :is(#main, dialog, .page-footer) .channel-chip.is-connected .connection-indicator{background:#80b49c}.automation-body :is(#main, dialog, .page-footer) .channel-chip:hover{border-color:#606c81}.automation-body :is(#main, dialog, .page-footer) .channel-chip .channel-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:27px;align-items:start}.automation-body :is(#main, dialog, .page-footer) .calendar-stack{position:relative;isolation:isolate;min-width:0}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before,.automation-body :is(#main, dialog, .page-footer) .calendar-stack::after{content:"";position:absolute;left:7px;right:7px;top:20px;bottom:51px;border-radius:16px;border:1px solid #353b47;background:linear-gradient(135deg,#272c37,#14171f);z-index:-1;box-shadow:0 4px 7px #0004}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before{left:13px;right:13px;bottom:46px;background:#141820;box-shadow:0 14px 35px #0007}.automation-body :is(#main, dialog, .page-footer) .calendar-surface{position:relative;background:linear-gradient(155deg,#1c2029 0%,#13171f 40%,#10131a 100%);border:1px solid #3b414e;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 15px #0003;overflow:hidden}.automation-body :is(#main, dialog, .page-footer) .calendar-toolbar{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 24px;background:linear-gradient(180deg,#24293355,#151a2444);border-bottom:1px solid #353b4755}.automation-body :is(#main, dialog, .page-footer) .month-navigation{display:flex;align-items:center;gap:18px;min-width:0}.automation-body :is(#main, dialog, .page-footer) .month-navigation h2{font-size:18px;font-weight:530;letter-spacing:-.5px;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .month-navigation h2::first-letter{text-transform:uppercase}.automation-body :is(#main, dialog, .page-footer) .month-arrows{display:flex;gap:2px}.automation-body :is(#main, dialog, .page-footer) .calendar-actions{display:flex;align-items:center;gap:12px}.automation-body :is(#main, dialog, .page-footer) .view-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #363d4a;border-radius:7px;font-size:10px;color:#b9c2d2;background:#23293666}.automation-body :is(#main, dialog, .page-footer) .view-pill svg{width:13px;height:13px}.automation-body :is(#main, dialog, .page-footer) .weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:16px 10px 12px;border-bottom:1px solid #353b4766}.automation-body :is(#main, dialog, .page-footer) .weekdays span{color:#838ea2;font-size:9px;font-weight:550;text-align:center;letter-spacing:.5px}.automation-body :is(#main, dialog, .page-footer) .weekdays span:nth-last-child(-n+2){color:#677285}.automation-body :is(#main, dialog, .page-footer) .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 10px 8px;position:relative}.automation-body :is(#main, dialog, .page-footer) .calendar-day{position:relative;min-width:0;min-height:91px;display:flex;flex-direction:column;gap:5px;padding:9px 7px;text-align:left;background:none;border:0;border-bottom:1px solid #2c33404d;border-right:1px solid #2c33404d;border-radius:0}.automation-body :is(#main, dialog, .page-footer) .calendar-day:nth-child(7n){border-right:0}.automation-body :is(#main, dialog, .page-footer) .calendar-day:nth-last-child(-n+7){border-bottom:0}.automation-body :is(#main, dialog, .page-footer) .calendar-day:hover{background:#ffffff04}.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-selected{background:linear-gradient(145deg,#34486366,#26384e33);box-shadow:inset 0 0 0 1px #617fa56b;border-radius:9px}.automation-body :is(#main, dialog, .page-footer) .day-number{width:25px;height:25px;display:grid;place-items:center;font-size:11px;color:#a8b2c4;align-self:flex-end;font-variant-numeric:tabular-nums;border:1px solid transparent;border-radius:7px}.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-outside .day-number{color:#454f61}.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-today .day-number{background:linear-gradient(150deg,#a5bfdf,#688bad);border-color:#b7cde6;color:#112032;font-weight:650;box-shadow:inset 0 1px 0 #eaf2ff6e,0 3px 7px #0005}.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-selected .day-number{color:#edf2fa}.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-today .day-number{color:#112032}.automation-body :is(#main, dialog, .page-footer) .day-events{display:flex;flex-direction:column;gap:3px;min-width:0}.automation-body :is(#main, dialog, .page-footer) .day-event{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:4px;font-size:8px;background:#3147656b;color:#c0d1ea;min-width:0}.automation-body :is(#main, dialog, .page-footer) .day-event.is-published{background:#253f365c;color:#a3c8b5}.automation-body :is(#main, dialog, .page-footer) .day-event.is-error,.automation-body :is(#main, dialog, .page-footer) .day-event.is-failed{background:#51303a66;color:#e7afb9}.automation-body :is(#main, dialog, .page-footer) .day-event.is-cancelled{background:#292e3955;color:#767f8e;text-decoration:line-through}.automation-body :is(#main, dialog, .page-footer) .day-event svg{width:9px;height:9px}.automation-body :is(#main, dialog, .page-footer) .day-event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-body :is(#main, dialog, .page-footer) .more-events{font-size:8px;color:#8098b9;padding-left:4px}.automation-body :is(#main, dialog, .page-footer) .day-mobile-dots{display:none}.automation-body :is(#main, dialog, .page-footer) .calendar-footer{min-height:40px;padding:5px 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #333b4866;color:#738197;font-size:9px;background:#0e121955}.automation-body :is(#main, dialog, .page-footer) .calendar-footer .icon-button{width:25px;height:25px}.automation-body :is(#main, dialog, .page-footer) .calendar-footer svg{width:13px;height:13px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:25px 6px 12px;color:#788396;font-size:9px;min-height:22px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption>span{display:flex;align-items:center;gap:6px}.automation-body :is(#main, dialog, .page-footer) .status-dot{display:inline-block;width:5px;height:5px;background:#91aed6;border-radius:50%;flex:none}.automation-body :is(#main, dialog, .page-footer) .status-dot.published{background:#85b69d}.automation-body :is(#main, dialog, .page-footer) .status-dot.error,.automation-body :is(#main, dialog, .page-footer) .status-dot.failed{background:#d2929e}.automation-body :is(#main, dialog, .page-footer) .status-dot.cancelled{background:#6b7384}.automation-body :is(#main, dialog, .page-footer) .timezone-label{margin-left:auto;color:#627187;font-size:8px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel{border:1px solid #292e39;border-radius:13px;padding:21px 18px 18px;background:linear-gradient(140deg,#181c24aa,#11151d77);box-shadow:inset 0 1px 0 #ffffff05}.automation-body :is(#main, dialog, .page-footer) .agenda-heading{display:flex;align-items:center;justify-content:space-between}.automation-body :is(#main, dialog, .page-footer) .agenda-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.automation-body :is(#main, dialog, .page-footer) .agenda-count{border:1px solid #3a4250;background:#242b3744;color:#b2bfd3;font-size:9px;line-height:18px;min-width:22px;text-align:center;border-radius:6px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin-top:15px;line-height:1.4}.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2::first-letter{text-transform:uppercase}.automation-body :is(#main, dialog, .page-footer) .agenda-empty{padding:43px 3px 27px;text-align:center}.automation-body :is(#main, dialog, .page-footer) .empty-icon{width:55px;height:55px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid #3b4454;border-radius:13px;background:linear-gradient(150deg,#333c4b,#151c27);box-shadow:inset 0 1px 0 #ffffff13,0 7px 12px #0004,0 3px 0 #0c111a;transform:rotate(-7deg)}.automation-body :is(#main, dialog, .page-footer) .empty-icon svg{width:25px;height:25px;color:#8d9db4}.automation-body :is(#main, dialog, .page-footer) .agenda-empty strong{font-size:12px;font-weight:500;color:#c3cad7}.automation-body :is(#main, dialog, .page-footer) .agenda-empty p{font-size:10px;color:#7f8b9e;line-height:1.8;margin:8px auto 0;max-width:170px}.automation-body :is(#main, dialog, .page-footer) .agenda-add{display:flex;align-items:center;justify-content:center;width:100%;gap:7px;border:1px solid #3a4454;background:linear-gradient(180deg,#26303e55,#1b243222);padding:10px 7px;color:#b0c2da;font-size:10px;border-radius:7px}.automation-body :is(#main, dialog, .page-footer) .agenda-add:hover{border-color:#6b86aa;background:#29394f55}.automation-body :is(#main, dialog, .page-footer) .agenda-add svg{width:13px;height:13px}.automation-body :is(#main, dialog, .page-footer) .agenda-footnote{font-size:9px;line-height:1.8;color:#5f6d82;padding-top:16px;text-align:center}.automation-body :is(#main, dialog, .page-footer) .agenda-item{border-top:1px solid #2a313d;margin-top:18px;padding:16px 0 2px}.automation-body :is(#main, dialog, .page-footer) .agenda-item-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#94a2b8}.automation-body :is(#main, dialog, .page-footer) .job-time{display:flex;align-items:center;gap:5px}.automation-body :is(#main, dialog, .page-footer) .job-time svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .job-status{display:flex;align-items:center;gap:5px;font-size:8px}.automation-body :is(#main, dialog, .page-footer) .agenda-item-content{display:flex;align-items:center;gap:10px;margin-top:11px;min-width:0}.automation-body :is(#main, dialog, .page-footer) .job-thumbnail{height:48px;width:44px;flex:none;background:linear-gradient(150deg,#303949,#1d2532);border:1px solid #3a4352;border-radius:6px;display:grid;place-items:center;overflow:hidden}.automation-body :is(#main, dialog, .page-footer) .job-thumbnail img{width:100%;height:100%;object-fit:cover}.automation-body :is(#main, dialog, .page-footer) .job-thumbnail svg{width:18px;height:18px;color:#97abc7}.automation-body :is(#main, dialog, .page-footer) .job-copy{min-width:0;flex:1}.automation-body :is(#main, dialog, .page-footer) .job-copy strong{display:block;font-size:11px;font-weight:500;line-height:1.6;word-break:break-word}.automation-body :is(#main, dialog, .page-footer) .job-copy small{display:flex;align-items:center;gap:4px;color:#7c8da6;font-size:9px;margin-top:4px}.automation-body :is(#main, dialog, .page-footer) .job-copy small svg{width:11px;height:11px}.automation-body :is(#main, dialog, .page-footer) .cancel-job{display:block;margin-top:11px;margin-left:auto;font-size:9px;background:transparent;border:0;color:#8d9bae;padding:4px}.automation-body :is(#main, dialog, .page-footer) .cancel-job:hover{color:#f0b9c1}.automation-body :is(#main, dialog, .page-footer) .job-error{font-size:10px;line-height:1.6;color:#dba4ae;margin-top:9px;overflow-wrap:anywhere}.automation-body .page-footer{display:flex;justify-content:space-between;gap:20px;max-width:1660px;padding:26px 42px 26px;margin:18px auto 0;border-top:1px solid #1c222b;color:#525f73;font-size:10px}.automation-body .page-footer a{display:flex;align-items:center;gap:5px;color:#7b8a9e}.automation-body .page-footer svg{width:12px;height:12px}
.automation-body dialog{color:var(--automation-text);background:linear-gradient(145deg,#1a1e27,#11151c 70%);border:1px solid #414a5c;border-radius:18px;padding:0;box-shadow:0 30px 130px #000b,inset 0 1px 0 #ffffff0c;max-height:90svh;width:calc(100% - 40px)}.automation-body dialog::backdrop{background:#03050abf;backdrop-filter:blur(7px)}.automation-body:has(:is(#scheduleDialog, #connectionsDialog, #previewDialog)[open]){overflow:hidden}.automation-body .schedule-dialog{max-width:1040px}.automation-body :is(#main, dialog, .page-footer) .modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:26px 28px 23px;border-bottom:1px solid #313846}.automation-body :is(#main, dialog, .page-footer) .modal-heading h2{font-size:25px;letter-spacing:-.7px;font-weight:550;margin-top:7px}.automation-body :is(#main, dialog, .page-footer) .modal-heading p{font-size:11px;color:#909eb2;margin-top:6px}.automation-body :is(#main, dialog, .page-footer) .modal-heading .icon-button{border:1px solid #323b4a;border-radius:50%;width:29px;height:29px}.automation-body :is(#main, dialog, .page-footer) .modal-heading .eyebrow{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .schedule-body{display:grid;grid-template-columns:minmax(0,1fr) 332px}.automation-body :is(#main, dialog, .page-footer) .library-panel{padding:25px 28px 20px;min-width:0}.automation-body :is(#main, dialog, .page-footer) .settings-panel{padding:25px 25px 20px;border-left:1px solid #303846;background:#0a0e151f}.automation-body :is(#main, dialog, .page-footer) .section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.automation-body :is(#main, dialog, .page-footer) .section-label h3{font-size:10px;font-weight:500;color:#6882a6;display:flex;gap:9px;align-items:center}.automation-body :is(#main, dialog, .page-footer) .section-label h3 span{color:#c6d0df;font-size:11px;font-weight:550}.automation-body :is(#main, dialog, .page-footer) .section-label>span{font-size:9px;color:#8ca3c2}.automation-body :is(#main, dialog, .page-footer) .library-tabs{display:flex;padding:3px;border-radius:8px;background:#0d121b88;border:1px solid #2e3745;gap:3px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 7px;flex:1;background:none;border:1px solid transparent;font-size:10px;color:#8393ab;border-radius:6px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button svg{width:13px;height:13px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button[aria-selected=true]{background:linear-gradient(145deg,#354154,#242f40);border-color:#475772;color:#deebff;box-shadow:0 2px 4px #0003,inset 0 1px 0 #ffffff07}.automation-body :is(#main, dialog, .page-footer) .library-tabs button span{font-size:8px;opacity:.7}.automation-body :is(#main, dialog, .page-footer) .search-field{display:flex;align-items:center;gap:8px;border:1px solid #343e4e;background:#10151e88;border-radius:7px;padding:8px 11px;margin:17px 0 10px}.automation-body :is(#main, dialog, .page-footer) .search-field svg{width:14px;height:14px;color:#7388a6}.automation-body :is(#main, dialog, .page-footer) .search-field input{background:none;border:0;color:#d7e1ef;width:100%;font-size:10px;outline:none;padding:3px 0}.automation-body :is(#main, dialog, .page-footer) .search-field:focus-within{border-color:#94b5e2}.automation-body :is(#main, dialog, .page-footer) .search-field input::placeholder{color:#73819a}.automation-body :is(#main, dialog, .page-footer) .library-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#7d8ba1;margin-bottom:11px}.automation-body :is(#main, dialog, .page-footer) .library-actions .text-button{font-size:9px}.automation-body :is(#main, dialog, .page-footer) .asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-height:218px;max-height:365px;overflow-y:auto;padding:3px 3px 8px;align-content:start;scrollbar-width:thin;scrollbar-color:#40516b transparent}.automation-body :is(#main, dialog, .page-footer) .asset-card{padding:0;background:#1e273544;border:1px solid #364050;border-radius:9px;overflow:hidden;text-align:left;min-width:0;align-self:start}.automation-body :is(#main, dialog, .page-footer) .asset-card[aria-pressed=true]{border-color:#a1bde6;box-shadow:0 0 0 1px #a1bde62b}.automation-body :is(#main, dialog, .page-footer) .asset-card:hover{border-color:#768dad}.automation-body :is(#main, dialog, .page-footer) .asset-preview{height:95px;position:relative;background:linear-gradient(140deg,#364357,#182231);display:grid;place-items:center;border-bottom:1px solid #354155;overflow:hidden}.automation-body :is(#main, dialog, .page-footer) .asset-preview>svg{color:#7d94b5;width:27px;height:27px}.automation-body :is(#main, dialog, .page-footer) .asset-preview img{position:absolute;width:100%;height:100%;object-fit:cover}.automation-body :is(#main, dialog, .page-footer) .asset-position{position:absolute;right:7px;top:7px;min-width:19px;height:19px;border:1px solid #b4c5dc78;border-radius:5px;background:#101620ae;color:#f0f6ff;font-size:10px;display:grid;place-items:center}.automation-body :is(#main, dialog, .page-footer) .asset-card[aria-pressed=true] .asset-position{background:#91afd6;color:#142338;border-color:#b1c6e3;font-weight:650}.automation-body :is(#main, dialog, .page-footer) .asset-duration{position:absolute;bottom:6px;right:6px;font-size:8px;padding:1px 4px;border-radius:3px;background:#0a1019bd;color:#d7e6fc}.automation-body :is(#main, dialog, .page-footer) .asset-title{display:block;padding:9px 9px 2px;font-size:10px;font-weight:500;color:#c8d5e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-body :is(#main, dialog, .page-footer) .asset-subtitle{display:block;padding:0 9px 9px;font-size:8px;color:#7f92ac}.automation-body :is(#main, dialog, .page-footer) .library-empty{grid-column:1/-1;padding:45px 22px;text-align:center;border:1px dashed #394456;border-radius:9px;color:#91a2bc;font-size:11px;line-height:1.8}.automation-body :is(#main, dialog, .page-footer) .library-empty svg{display:block;margin:0 auto 13px;color:#6f88aa;width:25px;height:25px}.automation-body :is(#main, dialog, .page-footer) .library-empty .text-button{display:block;margin:10px auto 0}.automation-body :is(#main, dialog, .page-footer) .library-footnote{font-size:9px;line-height:1.8;color:#77869e;margin-top:14px}.automation-body :is(#main, dialog, .page-footer) .platform-fieldset{border:0;padding:0;margin:0 0 17px}.automation-body :is(#main, dialog, .page-footer) .platform-fieldset legend,.automation-body :is(#main, dialog, .page-footer) .field-label{font-size:10px;color:#b8c6db;font-weight:500}.automation-body :is(#main, dialog, .page-footer) .platform-options{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.automation-body :is(#main, dialog, .page-footer) .platform-option{padding:7px 8px;border:1px solid #3c4759;display:flex;align-items:center;gap:5px;border-radius:6px;font-size:9px;cursor:pointer;color:#9bacc6;background:#141c2877}.automation-body :is(#main, dialog, .page-footer) .platform-option svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .platform-option input{appearance:none;position:absolute;width:1px;height:1px;opacity:0}.automation-body :is(#main, dialog, .page-footer) .platform-option:has(input:checked){background:#2c466955;border-color:#799fce;color:#d1e6ff}.automation-body :is(#main, dialog, .page-footer) .platform-option:has(input:disabled){opacity:.45;cursor:not-allowed}.automation-body :is(#main, dialog, .page-footer) .platform-option:has(input:focus-visible){outline:2px solid var(--automation-blue);outline-offset:2px}.automation-body :is(#main, dialog, .page-footer) .field-label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.automation-body :is(#main, dialog, .page-footer) .field-label input,.automation-body :is(#main, dialog, .page-footer) .field-label select,.automation-body :is(#main, dialog, .page-footer) .field-label textarea{border:1px solid #3b475b;background:#111924;color:#d3dff1;width:100%;padding:9px 10px;font-size:11px;min-height:36px;min-width:0}.automation-body :is(#main, dialog, .page-footer) .field-label select{padding-right:8px}.automation-body :is(#main, dialog, .page-footer) .field-label textarea{resize:vertical;min-height:68px;line-height:1.6}.automation-body :is(#main, dialog, .page-footer) .field-label textarea::placeholder{color:#657c9e;font-size:10px}.automation-body :is(#main, dialog, .page-footer) .date-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:11px}.automation-body :is(#main, dialog, .page-footer) .field-note{font-size:9px;color:#7c90ac;line-height:1.7;margin:-5px 0 16px}.automation-body :is(#main, dialog, .page-footer) .optional{font-size:8px;font-weight:400;color:#6f86a5;margin-top:-4px}.automation-body :is(#main, dialog, .page-footer) .tiktok-settings{margin:17px 0 0;padding:17px 0 0;border:0;border-top:1px solid #34435a;min-width:0}.automation-body :is(#main, dialog, .page-footer) .tiktok-settings legend{font-size:10px;font-weight:550;color:#b9ccea;padding:0 8px 0 0}.automation-body :is(#main, dialog, .page-footer) .tiktok-settings .field-note{margin:0 0 12px}.automation-body :is(#main, dialog, .page-footer) .interaction-options{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:#94abc9;margin-bottom:15px}.automation-body :is(#main, dialog, .page-footer) .interaction-options label{display:flex;gap:4px;align-items:center}.automation-body :is(#main, dialog, .page-footer) .interaction-options input,.automation-body :is(#main, dialog, .page-footer) .check-label input{accent-color:#829fc7;flex:none;width:13px;height:13px;margin:0}.automation-body :is(#main, dialog, .page-footer) .check-label{display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#9bb0cd;line-height:1.7;margin:11px 0}.automation-body :is(#main, dialog, .page-footer) .check-label input{margin-top:2px}.automation-body :is(#main, dialog, .page-footer) .check-label a{color:#c7ddfa;text-decoration:underline;text-underline-offset:2px}.automation-body :is(#main, dialog, .page-footer) .commercial-options{padding-left:20px}.automation-body :is(#main, dialog, .page-footer) .consent-label{padding-top:10px;border-top:1px solid #2f3e54;margin-top:15px}.automation-body :is(#main, dialog, .page-footer) .sequence-section{padding:20px 28px;border-top:1px solid #344055}.automation-body :is(#main, dialog, .page-footer) .sequence-section .section-label{margin-bottom:10px}.automation-body :is(#main, dialog, .page-footer) .sequence-list{padding:0;margin:0;list-style:none;max-height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#40516b transparent}.automation-body :is(#main, dialog, .page-footer) .sequence-row{display:grid;grid-template-columns:22px minmax(0,1fr) 150px 74px;gap:10px;align-items:center;border-bottom:1px solid #303d5122;padding:9px 0}.automation-body :is(#main, dialog, .page-footer) .sequence-number{font-size:10px;color:#85a2c8}.automation-body :is(#main, dialog, .page-footer) .sequence-copy{min-width:0}.automation-body :is(#main, dialog, .page-footer) .sequence-copy strong{font-size:11px;color:#cbdcf3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.automation-body :is(#main, dialog, .page-footer) .sequence-caption{margin-top:4px;width:100%;background:#121c2a;border:1px solid #354861;border-radius:4px;color:#b7cde9;padding:5px 7px;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .sequence-caption::placeholder{color:#657e9f}.automation-body :is(#main, dialog, .page-footer) .sequence-date{font-size:9px;color:#98b0d0;line-height:1.7}.automation-body :is(#main, dialog, .page-footer) .sequence-date time{display:block}.automation-body :is(#main, dialog, .page-footer) .sequence-actions{display:flex;gap:0}.automation-body :is(#main, dialog, .page-footer) .sequence-actions .icon-button{width:24px;height:25px}.automation-body :is(#main, dialog, .page-footer) .sequence-actions .icon-button svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .move-up svg{transform:rotate(90deg)}.automation-body :is(#main, dialog, .page-footer) .move-down svg{transform:rotate(90deg)}.automation-body :is(#main, dialog, .page-footer) .sequence-section>.field-note{margin:10px 0 0}.automation-body :is(#main, dialog, .page-footer) .modal-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3e4d62;padding:17px 28px;background:#151c28;box-shadow:0 -8px 25px #0001}.automation-body :is(#main, dialog, .page-footer) .modal-footer>span{font-size:10px;color:#8ca5c7}.automation-body :is(#main, dialog, .page-footer) .modal-footer>div{display:flex;align-items:center;gap:10px}.automation-body :is(#main, dialog, .page-footer) .modal-footer .quiet-button{font-size:11px;padding:10px 15px}.automation-body :is(#main, dialog, .page-footer) .modal-footer .primary-button{font-size:11px;padding:10px 16px}.automation-body :is(#main, dialog, .page-footer) .form-message{margin:0 28px 15px;padding:11px 14px;border:1px solid #694553;background:#33232fc4;border-radius:7px;font-size:11px;color:#efbfce;line-height:1.6}.automation-body .connections-dialog{max-width:540px}.automation-body :is(#main, dialog, .page-footer) .connection-list{padding:8px 26px 0}.automation-body :is(#main, dialog, .page-footer) .connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:21px 0;border-bottom:1px solid #344159}.automation-body :is(#main, dialog, .page-footer) .connection-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.automation-body :is(#main, dialog, .page-footer) .connection-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #47576e;border-radius:10px;background:linear-gradient(145deg,#33445c,#1c293d)}.automation-body :is(#main, dialog, .page-footer) .connection-icon svg{width:19px;height:19px;color:#bbd0ee}.automation-body :is(#main, dialog, .page-footer) .connection-identity strong{display:block;font-size:12px;font-weight:550}.automation-body :is(#main, dialog, .page-footer) .connection-identity small{display:block;font-size:10px;color:#89a0c0;max-width:210px;overflow-wrap:anywhere}.automation-body :is(#main, dialog, .page-footer) .connection-row .quiet-button{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .connection-row .primary-button{font-size:10px;padding:8px 12px}.automation-body :is(#main, dialog, .page-footer) .connection-accounts{width:100%;display:grid;gap:8px}.automation-body :is(#main, dialog, .page-footer) .connection-accounts button{background:#23344c66;color:#c6dcfa;border:1px solid #455f82;padding:8px 10px;text-align:left;font-size:10px}.automation-body :is(#main, dialog, .page-footer) .connections-note{font-size:10px;line-height:1.9;color:#8399b8;padding:21px 27px 26px}.automation-body .toast{position:fixed;bottom:24px;transform:translateX(-50%);z-index:100;max-width:calc(100% - 35px);background:#293a50;color:#e0edff;box-shadow:0 10px 40px #0007;border:1px solid #647b9a;border-radius:9px;padding:13px 20px;font-size:12px;white-space:normal}.automation-body .noscript-message{position:fixed;bottom:20px;right:30px;padding:15px;background:#33232f;color:#efbfce;border:1px solid #694553;z-index:100}
@media(min-width:1500px){.automation-shell > #main{padding-top:53px}.automation-body :is(#main, dialog, .page-footer) .calendar-day{min-height:115px}.automation-body :is(#main, dialog, .page-footer) .planner-layout{grid-template-columns:minmax(0,1fr) 278px;gap:32px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel{padding:25px 23px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty{padding:50px 6px 34px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2{font-size:20px}.automation-body :is(#main, dialog, .page-footer) .calendar-toolbar{min-height:90px}.automation-body :is(#main, dialog, .page-footer) .day-event{font-size:10px;padding:4px 6px}.automation-body :is(#main, dialog, .page-footer) .day-number{font-size:12px}}
@media(max-width:1190px){.automation-shell > #main{padding:35px 28px 0}.automation-body :is(#main, dialog, .page-footer) .planner-layout{grid-template-columns:minmax(0,1fr) 208px;gap:20px}.automation-body :is(#main, dialog, .page-footer) .calendar-toolbar{padding:18px 17px}.automation-body :is(#main, dialog, .page-footer) .month-navigation{gap:8px}.automation-body :is(#main, dialog, .page-footer) .month-navigation h2{font-size:16px}.automation-body :is(#main, dialog, .page-footer) .calendar-actions{gap:7px}.automation-body :is(#main, dialog, .page-footer) .view-pill{display:none}.automation-body :is(#main, dialog, .page-footer) .calendar-day{min-height:80px;padding:7px 4px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel{padding:18px 14px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption{gap:11px;font-size:8px}.automation-body :is(#main, dialog, .page-footer) .timezone-label{width:100%;margin-left:0}.automation-body .page-footer{padding:24px 28px}.automation-body :is(#main, dialog, .page-footer) .channels-bar{gap:14px}.automation-body :is(#main, dialog, .page-footer) .channels-label{padding-right:14px}.automation-body :is(#main, dialog, .page-footer) .channel-chips{gap:6px}.automation-body :is(#main, dialog, .page-footer) .channel-chip{padding:5px 7px;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .channels-bar>.text-button{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .schedule-body{grid-template-columns:minmax(0,1fr) 315px}.automation-body .toast{}}
@media(max-width:980px){.automation-body :is(#main, dialog, .page-footer) .planner-layout{grid-template-columns:minmax(0,1fr)}.automation-body :is(#main, dialog, .page-footer) .agenda-panel{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:start;padding:21px}.automation-body :is(#main, dialog, .page-footer) .agenda-heading{grid-column:1/-1}.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2{grid-column:1;margin-top:9px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel #dayAgenda{grid-column:1/-1}.automation-body :is(#main, dialog, .page-footer) .agenda-panel .agenda-add{grid-column:2;grid-row:2;margin-top:7px;width:auto;padding:8px 11px}.automation-body :is(#main, dialog, .page-footer) .agenda-footnote{grid-column:1/-1;text-align:left;padding-top:12px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty{display:flex;align-items:center;text-align:left;gap:15px;padding:21px 0 0}.automation-body :is(#main, dialog, .page-footer) .agenda-empty .empty-icon{margin:0;flex:none;width:41px;height:41px;border-radius:10px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty .empty-icon svg{width:20px;height:20px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty p{margin:3px 0 0;max-width:none}.automation-body :is(#main, dialog, .page-footer) .agenda-item{display:inline-flex;flex-direction:column;vertical-align:top;width:calc(50% - 12px);margin-right:12px}.automation-body :is(#main, dialog, .page-footer) .calendar-day{min-height:88px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption{margin-bottom:3px}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::after{bottom:51px}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before{bottom:46px}.automation-body :is(#main, dialog, .page-footer) .channels-label{display:none}.automation-body :is(#main, dialog, .page-footer) .page-heading p{max-width:310px}.automation-body :is(#main, dialog, .page-footer) .channels-bar{flex-wrap:wrap;padding:13px 0;gap:6px}.automation-body :is(#main, dialog, .page-footer) .channels-bar>.text-button{margin-left:auto}.automation-body .schedule-dialog{width:calc(100% - 30px)}.automation-body :is(#main, dialog, .page-footer) .schedule-body{grid-template-columns:minmax(0,1fr) 285px}.automation-body :is(#main, dialog, .page-footer) .library-panel{padding:22px 20px}.automation-body :is(#main, dialog, .page-footer) .settings-panel{padding:22px 19px}.automation-body :is(#main, dialog, .page-footer) .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-body :is(#main, dialog, .page-footer) .modal-heading{padding:23px}.automation-body :is(#main, dialog, .page-footer) .modal-footer{padding:16px 23px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button{gap:4px;padding:7px 5px;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button span{display:none}.automation-body :is(#main, dialog, .page-footer) .sequence-section{padding:19px 23px}}
@media(max-width:760px){.automation-shell > #main{padding:30px 23px 0}.automation-body :is(#main, dialog, .page-footer) .page-heading{padding-bottom:24px}.automation-body :is(#main, dialog, .page-footer) .page-heading h1{font-size:29px;letter-spacing:-.95px}.automation-body :is(#main, dialog, .page-footer) .page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.automation-body :is(#main, dialog, .page-footer) .page-heading p{font-size:11px;max-width:270px}.automation-body :is(#main, dialog, .page-footer) .new-schedule{padding:11px 13px;font-size:11px;margin-top:7px}.automation-body :is(#main, dialog, .page-footer) .channels-bar{margin-bottom:24px}.automation-body :is(#main, dialog, .page-footer) .calendar-day{min-height:84px}.automation-body :is(#main, dialog, .page-footer) .planner-layout{gap:23px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .timezone-label{width:auto;margin-left:auto}.automation-body .page-footer{padding:23px;font-size:9px}.automation-body .page-footer>span{max-width:165px}.automation-body .toast{}.automation-body .noscript-message{}.automation-body .schedule-dialog{max-height:94svh}.automation-body :is(#main, dialog, .page-footer) .schedule-body{grid-template-columns:1fr}.automation-body :is(#main, dialog, .page-footer) .settings-panel{border-left:0;border-top:1px solid #344259;padding:21px 23px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.automation-body :is(#main, dialog, .page-footer) .settings-panel>.section-label,.automation-body :is(#main, dialog, .page-footer) .settings-panel>.platform-fieldset,.automation-body :is(#main, dialog, .page-footer) .settings-panel>.tiktok-settings{grid-column:1/-1}.automation-body :is(#main, dialog, .page-footer) .settings-panel>.date-fields{grid-column:1}.automation-body :is(#main, dialog, .page-footer) .settings-panel>.field-label{grid-column:2}.automation-body :is(#main, dialog, .page-footer) .settings-panel>#scheduleTimezone{grid-column:1/-1}.automation-body :is(#main, dialog, .page-footer) .settings-panel>.field-label:has(textarea){grid-column:1/-1}.automation-body :is(#main, dialog, .page-footer) .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:140px;max-height:228px}.automation-body :is(#main, dialog, .page-footer) .asset-preview{height:88px}.automation-body :is(#main, dialog, .page-footer) .library-panel{padding:21px 23px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button span{display:inline}.automation-body :is(#main, dialog, .page-footer) .library-tabs button svg{width:14px;height:14px}.automation-body :is(#main, dialog, .page-footer) .library-footnote{margin-top:10px}.automation-body :is(#main, dialog, .page-footer) .modal-heading h2{font-size:23px}.automation-body :is(#main, dialog, .page-footer) .modal-footer>span{max-width:150px}.automation-body :is(#main, dialog, .page-footer) .modal-footer>div{gap:7px}.automation-body :is(#main, dialog, .page-footer) .modal-footer .quiet-button{padding:9px 10px}.automation-body :is(#main, dialog, .page-footer) .modal-footer .primary-button{font-size:10px;padding:10px 11px}.automation-body :is(#main, dialog, .page-footer) .sequence-row{grid-template-columns:17px minmax(0,1fr) 104px 72px;gap:8px}.automation-body :is(#main, dialog, .page-footer) .sequence-date{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .sequence-copy strong{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .connection-list{padding:6px 23px 0}}
@media(max-width:480px){.automation-shell > #main{padding:26px 16px 0}.automation-body :is(#main, dialog, .page-footer) .page-heading{gap:10px;align-items:flex-end}.automation-body :is(#main, dialog, .page-footer) .mobile-only{display:block}.automation-body :is(#main, dialog, .page-footer) .page-heading h1{font-size:28px;line-height:1.18}.automation-body :is(#main, dialog, .page-footer) .page-heading p{font-size:10px;max-width:210px;line-height:1.7;margin-top:9px}.automation-body :is(#main, dialog, .page-footer) .page-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:10px;gap:6px}.automation-body :is(#main, dialog, .page-footer) .new-schedule{font-size:10px;padding:10px 11px;margin-bottom:4px;gap:5px}.automation-body :is(#main, dialog, .page-footer) .new-schedule svg{width:14px;height:14px}.automation-body :is(#main, dialog, .page-footer) .channel-chip{font-size:9px;padding:6px 7px;gap:5px}.automation-body :is(#main, dialog, .page-footer) .channel-chip svg{width:12px;height:12px}.automation-body :is(#main, dialog, .page-footer) .channels-bar{gap:5px;padding:11px 0 8px}.automation-body :is(#main, dialog, .page-footer) .channel-chips{justify-content:space-between;width:100%}.automation-body :is(#main, dialog, .page-footer) .channel-chip .connection-indicator{margin-left:1px}.automation-body :is(#main, dialog, .page-footer) .channels-bar>.text-button{margin-top:2px;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .calendar-toolbar{padding:15px 13px;min-height:68px}.automation-body :is(#main, dialog, .page-footer) .month-navigation{gap:6px}.automation-body :is(#main, dialog, .page-footer) .month-navigation h2{font-size:16px}.automation-body :is(#main, dialog, .page-footer) .month-arrows .icon-button{width:25px;height:27px}.automation-body :is(#main, dialog, .page-footer) .month-arrows .icon-button svg{width:14px;height:14px}.automation-body :is(#main, dialog, .page-footer) .calendar-actions .quiet-button{padding:5px 9px;font-size:10px}.automation-body :is(#main, dialog, .page-footer) .weekdays{padding:12px 6px 9px}.automation-body :is(#main, dialog, .page-footer) .weekdays span{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .calendar-grid{padding:0 6px 6px}.automation-body :is(#main, dialog, .page-footer) .calendar-day{min-height:60px;padding:6px 3px;align-items:center;gap:5px}.automation-body :is(#main, dialog, .page-footer) .day-number{align-self:center;width:24px;height:24px;font-size:10px}.automation-body :is(#main, dialog, .page-footer) .day-events{display:none}.automation-body :is(#main, dialog, .page-footer) .day-mobile-dots{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.automation-body :is(#main, dialog, .page-footer) .day-mobile-dots .status-dot{width:4px;height:4px}.automation-body :is(#main, dialog, .page-footer) .calendar-footer{font-size:8px;padding:5px 12px;min-height:35px}.automation-body :is(#main, dialog, .page-footer) .calendar-caption{gap:11px;margin-top:24px;font-size:7px}.automation-body :is(#main, dialog, .page-footer) .timezone-label{width:100%;margin-left:0;font-size:7px}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::after{bottom:51px}.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before{bottom:46px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel{padding:19px 16px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2{font-size:16px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel .agenda-add{font-size:9px;padding:7px 8px}.automation-body :is(#main, dialog, .page-footer) .agenda-panel .agenda-add svg{width:11px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty{padding-top:19px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty strong{font-size:11px}.automation-body :is(#main, dialog, .page-footer) .agenda-empty p{font-size:9px}.automation-body :is(#main, dialog, .page-footer) .agenda-footnote{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .agenda-item{width:100%;margin-right:0}.automation-body .page-footer{padding:20px 16px;gap:10px;font-size:8px}.automation-body .page-footer>a{max-width:120px}.automation-body .page-footer>span{max-width:155px}.automation-body .schedule-dialog{width:calc(100% - 16px);border-radius:13px}.automation-body :is(#main, dialog, .page-footer) .modal-heading{padding:21px 17px 18px}.automation-body :is(#main, dialog, .page-footer) .modal-heading p{font-size:10px;max-width:265px}.automation-body :is(#main, dialog, .page-footer) .modal-heading h2{font-size:22px}.automation-body :is(#main, dialog, .page-footer) .library-panel{padding:20px 17px}.automation-body :is(#main, dialog, .page-footer) .settings-panel{display:block;padding:21px 17px}.automation-body :is(#main, dialog, .page-footer) .section-label{margin-bottom:15px}.automation-body :is(#main, dialog, .page-footer) .section-label>span{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .section-label h3 span{font-size:10px}.automation-body :is(#main, dialog, .page-footer) .library-tabs button{font-size:9px;padding:7px 5px}.automation-body :is(#main, dialog, .page-footer) .asset-grid{gap:8px;max-height:260px}.automation-body :is(#main, dialog, .page-footer) .asset-preview{height:74px}.automation-body :is(#main, dialog, .page-footer) .asset-title{font-size:9px;padding:7px 7px 2px}.automation-body :is(#main, dialog, .page-footer) .asset-subtitle{font-size:7px;padding:0 7px 7px}.automation-body :is(#main, dialog, .page-footer) .asset-position{top:5px;right:5px;min-width:16px;height:16px;font-size:8px}.automation-body :is(#main, dialog, .page-footer) .library-footnote{font-size:8px}.automation-body :is(#main, dialog, .page-footer) .field-label input,.automation-body :is(#main, dialog, .page-footer) .field-label select,.automation-body :is(#main, dialog, .page-footer) .field-label textarea{font-size:16px;padding:8px 9px}.automation-body :is(#main, dialog, .page-footer) .field-label textarea{font-size:13px}.automation-body :is(#main, dialog, .page-footer) .sequence-section{padding:17px}.automation-body :is(#main, dialog, .page-footer) .sequence-row{grid-template-columns:15px minmax(0,1fr) 69px;gap:6px}.automation-body :is(#main, dialog, .page-footer) .sequence-date{grid-column:2;grid-row:auto}.automation-body :is(#main, dialog, .page-footer) .sequence-actions{grid-column:3;grid-row:span 2}.automation-body :is(#main, dialog, .page-footer) .sequence-number{grid-row:span 2}.automation-body :is(#main, dialog, .page-footer) .sequence-copy{grid-column:2}.automation-body :is(#main, dialog, .page-footer) .sequence-caption{font-size:11px}.automation-body :is(#main, dialog, .page-footer) .sequence-date time{display:inline}.automation-body :is(#main, dialog, .page-footer) .sequence-date time+time{margin-left:6px}.automation-body :is(#main, dialog, .page-footer) .modal-footer{padding:13px 17px;gap:10px;flex-wrap:wrap}.automation-body :is(#main, dialog, .page-footer) .modal-footer>span{max-width:none;width:100%;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .modal-footer>div{width:100%;justify-content:space-between}.automation-body :is(#main, dialog, .page-footer) .modal-footer .primary-button{font-size:11px;padding:10px 13px}.automation-body :is(#main, dialog, .page-footer) .form-message{margin-left:17px;margin-right:17px}.automation-body .connections-dialog{width:calc(100% - 24px)}.automation-body :is(#main, dialog, .page-footer) .connection-list{padding-left:17px;padding-right:17px}.automation-body :is(#main, dialog, .page-footer) .connections-note{padding:20px 17px;font-size:9px}.automation-body :is(#main, dialog, .page-footer) .connection-row{gap:8px}.automation-body :is(#main, dialog, .page-footer) .connection-identity{gap:9px}.automation-body :is(#main, dialog, .page-footer) .connection-identity small{font-size:9px;max-width:170px}}.automation-body :is(#main, dialog, .page-footer) .sequence-row{grid-template-columns:22px minmax(0,1fr) 150px 98px}.automation-body .preview-dialog{max-width:740px}.automation-body .preview-dialog .modal-heading h2{font-size:19px;overflow-wrap:anywhere}.automation-body :is(#main, dialog, .page-footer) .publication-preview{padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:200px;color:#a0b4cf;font-size:12px}.automation-body :is(#main, dialog, .page-footer) .publication-preview video,.automation-body :is(#main, dialog, .page-footer) .publication-preview img{max-width:100%;max-height:65svh;object-fit:contain;border-radius:8px;background:#070b11}.automation-body :is(#main, dialog, .page-footer) .preview-caption{white-space:pre-wrap;overflow-wrap:anywhere;align-self:stretch;max-height:150px;overflow:auto;font-size:11px;line-height:1.8}
@media(max-width:760px){.automation-body :is(#main, dialog, .page-footer) .sequence-row{grid-template-columns:17px minmax(0,1fr) 104px 96px}}
@media(max-width:480px){.automation-body :is(#main, dialog, .page-footer) .sequence-row{grid-template-columns:15px minmax(0,1fr) 94px}.automation-body :is(#main, dialog, .page-footer) .publication-preview{padding:14px}.automation-body .preview-dialog .modal-heading h2{font-size:17px}}
/* Shared visual palette: Publicidad empresas + the site's Graphite theme. */
.automation-body {
  min-width: 320px;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  isolation: isolate;
}

/* The navigation uses the same markup and rules as Vidreum Studio. Keep its
   native 78px collapsed rail, expanded widths and 980px drawer breakpoint. */
.automation-body .automation-dashboard-view {
  position: relative;
  z-index: 1;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  background: transparent;
}
.automation-dashboard-view > .dashboard-sidebar {
  z-index: 40;
  height: calc(100vh - var(--ai-ticker-h));
  height: calc(100dvh - var(--ai-ticker-h));
}
.automation-body .automation-shell.app-shell {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - var(--ai-ticker-h));
  height: calc(100dvh - var(--ai-ticker-h));
  min-height: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-color: rgba(72,137,212,.52) #080a0e;
  scrollbar-width: thin;
  background: transparent;
}
.automation-dashboard-view .dashboard-topbar.automation-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
}
.automation-dashboard-view .sidebar-nav {
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
}
.automation-dashboard-view .sidebar-nav::-webkit-scrollbar { display: none; }
.automation-dashboard-view .sidebar-link,
.automation-dashboard-view .sidebar-auth-actions a,
.automation-dashboard-view .sidebar-credits,
.automation-topbar a { text-decoration: none; }
.automation-dashboard-view .sidebar-auth-actions a {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #b9c0ca;
  border: 1px solid #30343c;
  border-radius: 7px;
  background: #111419;
  font-size: 12px;
  font-weight: 750;
}
.automation-dashboard-view .sidebar-auth-actions a .icon { width: 15px; height: 15px; }
.automation-dashboard-view .sidebar-credits { display: block; }
.automation-dashboard-view :is(.dashboard-plans-button, .dashboard-login-button, .dashboard-register-button, .dashboard-credit-pill) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.automation-dashboard-view .profile-menu a {
  min-height: 40px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #c5c9d0;
  font-size: 11px;
  font-weight: 700;
}
.automation-dashboard-view .profile-menu a:hover { color: #fff; background: rgba(255,255,255,.055); }
.automation-dashboard-view .profile-menu a .icon { width: 15px; height: 15px; }
.automation-body :is(#main, dialog) {
  font-size: 14px;
  line-height: 1.5;
  font-synthesis: none;
}
.automation-body .toast { left: 50%; }
.automation-body .noscript-message { left: 20px; }
@media (min-width: 981px) {
  .automation-dashboard-view .dashboard-sidebar.collapsed .sidebar-auth-actions a span { display: none; }
  .automation-dashboard-view .dashboard-sidebar.collapsed .sidebar-auth-actions a:first-child {
    width: 40px;
    min-height: 40px;
    padding: 0;
  }
  .automation-dashboard-view .dashboard-sidebar.collapsed .sidebar-auth-actions a:last-child { display: none; }
}
@media (max-width: 980px) {
  .automation-body .automation-dashboard-view { display: block; }
}
@media (max-width: 620px) {
  .automation-topbar .dashboard-breadcrumb span,
  .automation-topbar .dashboard-plans-button,
  .automation-topbar .dashboard-credit-pill > span,
  .automation-topbar .dashboard-auth-actions .dashboard-register-button { display: none; }
  .automation-topbar .dashboard-breadcrumb strong { font-size: 13px; }
}
.automation-body .automation-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--automation-canvas);
}
.automation-body .automation-backdrop-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.automation-body .automation-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,6,7,.32), rgba(5,6,7,.10) 45%, rgba(5,6,7,.22)),
    linear-gradient(180deg, rgba(5,6,7,.33), rgba(5,6,7,.11) 48%, rgba(5,6,7,.45));
}
.automation-body :is(#main, dialog, .page-footer) .page-heading .eyebrow > span { background: var(--automation-blue); }
.automation-body .page-footer a { color: #d6d9de; }
.automation-body :is(#main, dialog, .page-footer) .page-heading h1 {
  color: #fff;
  text-shadow: 0 2px 15px rgba(0,0,0,.65);
}
.automation-body :is(#main, dialog, .page-footer) .eyebrow { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .page-heading p { color: #c4cad2; text-shadow: 0 1px 8px #000; }
.automation-body :is(#main, dialog, .page-footer) .primary-button {
  color: #fff;
  border-color: rgba(119,190,255,.72);
  background: linear-gradient(180deg, #4ea8ff, var(--automation-blue) 48%, #0872db);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.42), inset 0 -5px 10px rgba(0,48,105,.30), 0 8px 22px rgba(0,0,0,.38);
}
.automation-body :is(#main, dialog, .page-footer) .primary-button:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(255,255,255,.82);
  background: linear-gradient(180deg, var(--automation-blue-light), #258fff 48%, #0872db);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.50), 0 9px 25px rgba(0,0,0,.42), 0 0 0 1px rgba(109,187,255,.16);
}
.automation-body :is(#main, dialog, .page-footer) .quiet-button, .automation-body :is(#main, dialog, .page-footer) .view-pill, .automation-body :is(#main, dialog, .page-footer) .channel-chip {
  color: #e1e3e8;
  border-color: rgba(255,255,255,.17);
  background: linear-gradient(180deg, rgba(36,39,45,.83), rgba(11,12,15,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.automation-body :is(#main, dialog, .page-footer) .quiet-button:hover, .automation-body :is(#main, dialog, .page-footer) .channel-chip:hover {
  border-color: rgba(255,255,255,.36);
  background: linear-gradient(180deg, rgba(48,51,58,.94), rgba(17,19,23,.94));
}
.automation-body :is(#main, dialog, .page-footer) .icon-button { color: #c4cad2; }
.automation-body :is(#main, dialog, .page-footer) .icon-button:hover { color: #fff; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.065); }
.automation-body :is(#main, dialog, .page-footer) .text-button { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .text-button:hover { color: #d6ecff; }
.automation-body :is(#main, dialog, .page-footer) .page-message:not(.is-error) {
  color: #d6ecff;
  border-color: rgba(82,174,255,.32);
  background: rgba(7,28,48,.90);
}
.automation-body :is(#main, dialog, .page-footer) .channels-bar { border-color: rgba(255,255,255,.16); }
.automation-body :is(#main, dialog, .page-footer) .channels-label { color: #b3b6bd; border-color: rgba(255,255,255,.18); }
.automation-body :is(#main, dialog, .page-footer) .connection-indicator { background: #8f96a2; flex-shrink: 0; }
.automation-body :is(#main, dialog, .page-footer) .channel-chip.is-connected .connection-indicator { background: #4ade80; }
.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before, .automation-body :is(#main, dialog, .page-footer) .calendar-stack::after {
  border-color: rgba(255,255,255,.21);
  background: linear-gradient(135deg, #23262d, #08090b);
}
.automation-body :is(#main, dialog, .page-footer) .calendar-stack::before { background: #0a0b0d; box-shadow: 0 14px 35px rgba(0,0,0,.65); }
.automation-body :is(#main, dialog, .page-footer) .calendar-surface {
  border-color: rgba(255,255,255,.23);
  background: linear-gradient(155deg, rgba(22,24,29,.92), rgba(9,10,13,.87) 45%, rgba(5,6,7,.85));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px rgba(0,0,0,.44);
}
.automation-body :is(#main, dialog, .page-footer) .calendar-toolbar {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.008));
  border-color: rgba(255,255,255,.09);
}
.automation-body :is(#main, dialog, .page-footer) .month-navigation h2 { color: var(--automation-pearl); }
.automation-body :is(#main, dialog, .page-footer) .weekdays, .automation-body :is(#main, dialog, .page-footer) .calendar-footer { border-color: rgba(255,255,255,.10); }
.automation-body :is(#main, dialog, .page-footer) .weekdays span { color: #b3b6bd; }
.automation-body :is(#main, dialog, .page-footer) .weekdays span:nth-last-child(-n+2) { color: #8f96a2; }
.automation-body :is(#main, dialog, .page-footer) .calendar-day { border-color: rgba(255,255,255,.075); }
.automation-body :is(#main, dialog, .page-footer) .calendar-day:hover { background: rgba(255,255,255,.035); }
.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-selected {
  background: linear-gradient(145deg, rgba(22,140,255,.22), rgba(0,103,206,.08));
  box-shadow: inset 0 0 0 1px rgba(109,187,255,.51);
}
.automation-body :is(#main, dialog, .page-footer) .day-number { color: #e1e3e8; }
.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-outside .day-number { color: #6b707a; }
.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-selected .day-number { color: #fff; }
.automation-body :is(#main, dialog, .page-footer) .calendar-day.is-today .day-number {
  color: #fff;
  border-color: #8dcaff;
  background: linear-gradient(145deg, #6dbbff, #168cff 55%, #0067ce);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.40), 0 3px 9px rgba(0,0,0,.50);
}
.automation-body :is(#main, dialog, .page-footer) .day-event { background: rgba(22,140,255,.20); color: #cbe7ff; }
.automation-body :is(#main, dialog, .page-footer) .day-event.is-published { background: rgba(255,255,255,.10); color: #edf0f4; }
.automation-body :is(#main, dialog, .page-footer) .day-event.is-cancelled { background: rgba(255,255,255,.035); color: #8f96a2; }
.automation-body :is(#main, dialog, .page-footer) .more-events { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .calendar-footer { color: #a5abb5; background: rgba(5,6,7,.43); }
.automation-body :is(#main, dialog, .page-footer) .calendar-caption { color: #b3b6bd; text-shadow: 0 1px 5px #000; }
.automation-body :is(#main, dialog, .page-footer) .status-dot { background: var(--automation-blue); }
.automation-body :is(#main, dialog, .page-footer) .status-dot.published { background: #f5f7fb; }
.automation-body :is(#main, dialog, .page-footer) .status-dot.cancelled { background: #8f96a2; }
.automation-body :is(#main, dialog, .page-footer) .timezone-label { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .agenda-panel {
  border-color: rgba(255,255,255,.17);
  background: linear-gradient(140deg, rgba(18,20,25,.88), rgba(5,6,7,.84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.24);
}
.automation-body :is(#main, dialog, .page-footer) .agenda-count { border-color: rgba(255,255,255,.20); background: rgba(255,255,255,.06); color: var(--automation-pearl); }
.automation-body :is(#main, dialog, .page-footer) .agenda-panel h2, .automation-body :is(#main, dialog, .page-footer) .agenda-empty strong { color: var(--automation-pearl); }
.automation-body :is(#main, dialog, .page-footer) .empty-icon, .automation-body :is(#main, dialog, .page-footer) .job-thumbnail {
  border-color: rgba(255,255,255,.23);
  background: linear-gradient(145deg, #303339, #111317 66%, #08090b);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 7px 12px rgba(0,0,0,.44), 0 3px 0 #050607;
}
.automation-body :is(#main, dialog, .page-footer) .empty-icon svg, .automation-body :is(#main, dialog, .page-footer) .job-thumbnail svg { color: #d9e0e8; }
.automation-body :is(#main, dialog, .page-footer) .agenda-empty p, .automation-body :is(#main, dialog, .page-footer) .agenda-footnote, .automation-body :is(#main, dialog, .page-footer) .agenda-item-top, .automation-body :is(#main, dialog, .page-footer) .job-copy small, .automation-body :is(#main, dialog, .page-footer) .cancel-job { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .agenda-add {
  color: #b3dcff;
  border-color: rgba(86,177,255,.40);
  background: linear-gradient(145deg, rgba(23,75,128,.70), rgba(12,39,72,.78));
}
.automation-body :is(#main, dialog, .page-footer) .agenda-add:hover { color: #fff; border-color: rgba(109,187,255,.76); background: linear-gradient(145deg, #174b80, #0c2748); }
.automation-body :is(#main, dialog, .page-footer) .agenda-item { border-color: rgba(255,255,255,.12); }
.automation-body .page-footer {
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  border-color: rgba(255,255,255,.10);
  background: rgba(5,6,7,.38);
  color: #8f96a2;
}
.automation-body .page-footer .backdrop-toggle {
  margin-left: auto;
  padding: 4px 0;
  font-size: inherit;
  color: #b3b6bd;
}
.automation-body .page-footer .backdrop-toggle:hover { color: #fff; }
.automation-body dialog {
  color: var(--automation-pearl);
  border-color: rgba(255,255,255,.24);
  background: linear-gradient(145deg, rgba(22,24,29,.97), rgba(6,7,9,.98) 70%);
  box-shadow: 0 30px 130px rgba(0,0,0,.80), inset 0 1px 0 rgba(255,255,255,.12);
}
.automation-body dialog::backdrop { background: rgba(0,0,0,.68); }
.automation-body :is(#main, dialog, .page-footer) .modal-heading, .automation-body :is(#main, dialog, .page-footer) .settings-panel, .automation-body :is(#main, dialog, .page-footer) .sequence-section, .automation-body :is(#main, dialog, .page-footer) .tiktok-settings, .automation-body :is(#main, dialog, .page-footer) .connection-row { border-color: rgba(255,255,255,.12); }
.automation-body :is(#main, dialog, .page-footer) .modal-heading h2, .automation-body :is(#main, dialog, .page-footer) .section-label h3 span, .automation-body :is(#main, dialog, .page-footer) .asset-title, .automation-body :is(#main, dialog, .page-footer) .sequence-copy strong { color: var(--automation-pearl); }
.automation-body :is(#main, dialog, .page-footer) .modal-heading p, .automation-body :is(#main, dialog, .page-footer) .library-actions, .automation-body :is(#main, dialog, .page-footer) .library-footnote, .automation-body :is(#main, dialog, .page-footer) .field-note, .automation-body :is(#main, dialog, .page-footer) .optional, .automation-body :is(#main, dialog, .page-footer) .asset-subtitle, .automation-body :is(#main, dialog, .page-footer) .interaction-options, .automation-body :is(#main, dialog, .page-footer) .check-label, .automation-body :is(#main, dialog, .page-footer) .connections-note, .automation-body :is(#main, dialog, .page-footer) .connection-identity small, .automation-body :is(#main, dialog, .page-footer) .publication-preview { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .modal-heading .icon-button { border-color: rgba(255,255,255,.17); }
.automation-body :is(#main, dialog, .page-footer) .section-label h3, .automation-body :is(#main, dialog, .page-footer) .section-label > span, .automation-body :is(#main, dialog, .page-footer) .sequence-number, .automation-body :is(#main, dialog, .page-footer) .sequence-date { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .settings-panel { background: rgba(0,0,0,.16); }
.automation-body :is(#main, dialog, .page-footer) .library-tabs { border-color: rgba(255,255,255,.13); background: rgba(0,0,0,.28); }
.automation-body :is(#main, dialog, .page-footer) .library-tabs button { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .library-tabs button[aria-selected=true] {
  color: #fff;
  border-color: rgba(77,166,255,.42);
  background: linear-gradient(145deg, rgba(36,106,177,.35), rgba(13,32,57,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 4px rgba(0,0,0,.3);
}
.automation-body :is(#main, dialog, .page-footer) .search-field, .automation-body :is(#main, dialog, .page-footer) .field-label input, .automation-body :is(#main, dialog, .page-footer) .field-label select, .automation-body :is(#main, dialog, .page-footer) .field-label textarea, .automation-body :is(#main, dialog, .page-footer) .sequence-caption {
  color: #f0f2f5;
  border-color: rgba(255,255,255,.16);
  background: #0c0e12;
}
.automation-body :is(#main, dialog, .page-footer) .search-field:focus-within { border-color: rgba(82,174,255,.75); }
.automation-body :is(#main, dialog, .page-footer) .search-field input { color: #f0f2f5; }
.automation-body :is(#main, dialog, .page-footer) .search-field svg { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .search-field input::placeholder, .automation-body :is(#main, dialog, .page-footer) .field-label textarea::placeholder, .automation-body :is(#main, dialog, .page-footer) .sequence-caption::placeholder { color: #8f96a2; }
.automation-body :is(#main, dialog, .page-footer) .asset-card { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.025); }
.automation-body :is(#main, dialog, .page-footer) .asset-card:hover { border-color: rgba(118,193,255,.62); }
.automation-body :is(#main, dialog, .page-footer) .asset-card[aria-pressed=true] { border-color: #59adf8; box-shadow: 0 0 0 1px rgba(22,140,255,.20); }
.automation-body :is(#main, dialog, .page-footer) .asset-preview { border-color: rgba(255,255,255,.10); background: linear-gradient(145deg, #181a1f, #08090b); }
.automation-body :is(#main, dialog, .page-footer) .asset-preview > svg { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .asset-position { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(5,6,7,.78); }
.automation-body :is(#main, dialog, .page-footer) .asset-card[aria-pressed=true] .asset-position { color: #fff; border-color: #8dcaff; background: #168cff; }
.automation-body :is(#main, dialog, .page-footer) .asset-duration { color: #f5f7fb; background: rgba(0,0,0,.75); }
.automation-body :is(#main, dialog, .page-footer) .library-empty { border-color: rgba(255,255,255,.18); color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .library-empty svg { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .field-label, .automation-body :is(#main, dialog, .page-footer) .platform-fieldset legend, .automation-body :is(#main, dialog, .page-footer) .tiktok-settings legend { color: #d6d9de; }
.automation-body :is(#main, dialog, .page-footer) .platform-option { color: #b3b6bd; border-color: rgba(255,255,255,.20); background: rgba(255,255,255,.025); }
.automation-body :is(#main, dialog, .page-footer) .platform-option:has(input:checked) { color: #d6ecff; border-color: rgba(82,174,255,.68); background: rgba(22,140,255,.14); }
.automation-body :is(#main, dialog, .page-footer) .interaction-options input, .automation-body :is(#main, dialog, .page-footer) .check-label input { accent-color: var(--automation-blue); }
.automation-body :is(#main, dialog, .page-footer) .check-label a { color: #8dcaff; }
.automation-body :is(#main, dialog, .page-footer) .consent-label { border-color: rgba(255,255,255,.10); }
.automation-body :is(#main, dialog, .page-footer) .sequence-row { border-color: rgba(255,255,255,.055); }
.automation-body :is(#main, dialog, .page-footer) .modal-footer { border-color: rgba(255,255,255,.15); background: #0c0e12; }
.automation-body :is(#main, dialog, .page-footer) .modal-footer > span { color: #a5abb5; }
.automation-body :is(#main, dialog, .page-footer) .connection-icon {
  color: #f5f7fb;
  border-color: rgba(255,255,255,.23);
  background: linear-gradient(145deg, #303339, #111317);
}
.automation-body :is(#main, dialog, .page-footer) .connection-icon svg { color: #f5f7fb; }
.automation-body :is(#main, dialog, .page-footer) .connection-accounts button { color: #d6ecff; border-color: rgba(82,174,255,.45); background: rgba(22,140,255,.10); }
.automation-body .toast { color: #f5f7fb; border-color: rgba(119,190,255,.55); background: #0c2748; }
.automation-body :is(#main, dialog, .page-footer) .publication-preview video, .automation-body :is(#main, dialog, .page-footer) .publication-preview img { background: #050607; }
.automation-body :is(#main, dialog, .page-footer) .asset-grid, .automation-body :is(#main, dialog, .page-footer) .sequence-list { scrollbar-color: #3c4048 transparent; }
@media (max-width: 480px) {
  .automation-body #main .channel-chips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex: 0 0 100%;
    gap: 6px;
  }
  .automation-body #main .channel-chip {
    min-width: 0;
    min-height: 36px;
    justify-content: center;
    padding: 8px 6px;
    font-size: 10px;
  }
  .automation-body #main .channel-chip svg { flex-shrink: 0; }
  .automation-body .page-footer { gap: 9px 16px; }
  .automation-body .page-footer > span { flex-basis: calc(100% - 90px); max-width: none; }
  .automation-body .page-footer .backdrop-toggle { margin-left: 0; }
  .automation-body .page-footer > a { max-width: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .automation-body :is(#main, dialog, .page-footer) .calendar-surface, .automation-body :is(#main, dialog, .page-footer) .agenda-panel { background: #0b0c0f; backdrop-filter: none; }
}
@media(prefers-reduced-motion:reduce){.automation-body :is(#main, dialog, .page-footer) *,.automation-body :is(#main, dialog, .page-footer) *::before,.automation-body :is(#main, dialog, .page-footer) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}