.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;margin-top:28px}.workflow-grid form>.field{margin-bottom:22px}.workflow-toggle{display:flex;align-items:center;gap:10px;padding:18px 0;font-weight:bold}.workflow-toggle input,.workflow-topics input{width:18px;height:18px;accent-color:#e4572e;flex:none}.workflow-topics{border:1px solid #d6d1c5;border-radius:6px;padding:20px;margin:10px 0 24px}.workflow-topics legend{padding:0 8px;font-weight:bold}.workflow-topics label{display:flex;align-items:center;gap:10px;margin:12px 0}.workflow-overview{padding:28px;background:#e6e3d9;border-radius:8px}.workflow-overview ol{list-style:none;padding:0;counter-reset:flow}.workflow-overview li{counter-increment:flow;position:relative;padding:0 0 28px 42px;border-left:1px solid #b8bcad;margin-left:14px}.workflow-overview li:last-child{border:0}.workflow-overview li:before{content:counter(flow);position:absolute;left:-14px;top:-3px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1c1d1a;color:#efebe3;font-size:12px}.workflow-overview li strong,.workflow-overview li span{display:block}.workflow-overview li span{font-size:12px;line-height:1.6;margin-top:6px;color:#676c5d}.workflow-overview .micro{display:block;margin-bottom:28px}.workflow-overview .info{font-size:13px;line-height:1.6}.workflow-grid small{font-size:12px;line-height:1.6;color:#666d5b}
@media(max-width:1000px){.workflow-grid{grid-template-columns:1fr}}@media(max-width:550px){.workflow-overview{padding:22px}.workflow-grid{gap:18px}}
.workflow-head-actions,.workflow-card-actions{display:flex;gap:8px;flex-wrap:wrap}.workflow-worker{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:#e3e9dc;border-left:3px solid #4c6847;margin:24px 0}.workflow-worker.is-pending{background:#f1e5d7;border-color:#bc642a}.workflow-worker span{font-size:12px}.workflow-connections{margin-bottom:24px}.workflow-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:18px 0}.workflow-connection p{font-size:12px;color:var(--muted);margin:5px 0}.workflow-editor{margin-bottom:28px;max-width:900px}.workflow-days{display:flex;flex-wrap:wrap;gap:10px}.workflow-days label{margin:4px}.workflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.workflow-card{min-width:0}.workflow-card h2,.workflow-card p{overflow-wrap:anywhere}.workflow-card .section-head{flex-wrap:wrap}.workflow-run{background:#ece9df;padding:16px;margin:20px 0;display:flex;flex-direction:column;gap:8px}.workflow-run small{font-size:11px;color:var(--muted)}.workflow-run .error{margin:0}.workflow-card-actions button{font-size:12px}.workflow-editor code{overflow-wrap:anywhere}@media(max-width:1000px){.workflow-list{grid-template-columns:1fr}}@media(max-width:600px){.workflow-worker,.workflow-connection{align-items:flex-start;flex-direction:column}.workflow-connections>.section-head{align-items:flex-start;flex-direction:column}.workflow-card-actions{gap:6px}.workflow-card-actions button{padding:10px}.workflow-head-actions button{font-size:12px}}

/* Integration choices and long callback addresses remain readable on a phone. */
.integration-setup-details{margin-top:20px;padding:16px 0;border-top:1px solid var(--line)}.integration-setup-details summary{cursor:pointer;font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}.integration-setup-details code{overflow-wrap:anywhere;word-break:break-word;font-size:12px}.integration-status{margin:20px 0}.integration-status p{margin:8px 0 0}.workflow-days label{min-height:44px;min-width:44px}.workflow-card-actions button,.workflow-head-actions button{min-height:44px}.workflow-connection>div{min-width:0}.workflow-connection p{overflow-wrap:anywhere}
@media(max-width:600px){#calendar-connection-form .form-actions{align-items:stretch;flex-direction:column}#calendar-connection-form .form-actions button{width:100%;min-height:44px}#workflow-mail-form .section-head h2,#calendar-connection-form .section-head h2{font-size:24px}#workflow-mail-form code,#calendar-connection-form code{overflow-wrap:anywhere;word-break:break-word}}

#calendar-connection-form>.section-head,#workflow-mail-form>.section-head{flex-wrap:nowrap;align-items:flex-start}#calendar-connection-form>.section-head h2,#workflow-mail-form>.section-head h2{min-width:0;flex:1}#calendar-connection-form>.section-head [data-close],#workflow-mail-form>.section-head [data-close]{flex:none}.integration-setup-details summary:after{content:"＋";margin-left:auto;padding-left:12px}.integration-setup-details[open] summary:after{content:"−"}