/* HostStorm 3.3.1 — Account, Broadcast Automation & Live Progress */
.integration-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:18px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.integration-card{background:linear-gradient(180deg,#111e32,#0c1627);border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:11px}.integration-card.selected-card{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.12)}.integration-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.integration-card h3{margin:7px 0 0;font-size:16px}.integration-state{font-size:9px;letter-spacing:.12em;font-weight:900;color:#73839c}.capability-line{display:flex;gap:6px;flex-wrap:wrap}.integration-identity{display:grid;gap:5px;padding:10px;border-radius:10px;background:#0a1424;border:1px solid rgba(255,255,255,.05)}.integration-identity span{font-size:10px;color:var(--muted)}.integration-identity strong{color:#dbe5f4}.provider-box{padding:12px;border-radius:12px;border:1px solid #273a58;background:#0d1829;margin-bottom:12px}.provider-box[hidden]{display:none!important}.provider-note{display:grid;gap:3px;margin-bottom:12px}.provider-note strong{font-size:13px}.provider-note span{font-size:10px;color:var(--muted)}.provider-note code,.token-note code{color:#c4b5fd;background:#171f36;padding:2px 5px;border-radius:5px}.oauth-note{padding:11px;border-radius:10px;background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(139,92,246,.10));border:1px solid rgba(74,222,128,.14)}.oauth-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 12px;color:var(--muted);font-size:10px}.oauth-status-row code{color:#c4b5fd}.oauth-connect-button{margin:10px 0 4px}.advanced-box{margin:10px 0;border:1px solid #283a57;border-radius:10px;background:#0a1424;padding:9px 11px}.advanced-box summary{cursor:pointer;font-size:11px;font-weight:800;color:#b9c6da}.advanced-box[open] summary{margin-bottom:10px}.warning-text{color:#fbbf24!important}.broadcast-metadata-panel{position:relative;overflow:hidden}.broadcast-metadata-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--primary),var(--primary2));opacity:.9}.metadata-account-picker{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin:8px 0 16px}.metadata-account-picker label{display:block;margin:0}.metadata-account-picker input{display:none}.metadata-account-picker span{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:11px;border:1px solid #30415e;background:#101b2e;cursor:pointer}.metadata-account-picker input:checked+span{border-color:#7c5ce0;background:linear-gradient(135deg,rgba(124,92,224,.33),rgba(217,70,239,.13));box-shadow:0 0 0 2px rgba(139,92,246,.1)}.metadata-account-picker strong{font-size:11px}.metadata-account-picker small{color:var(--muted);font-size:9px}.category-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.category-row label{margin:0}.category-search-button{height:39px;margin-bottom:1px}.category-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 14px}.category-chip{border:1px solid #39506f;background:#17253a;color:#dce5f4;padding:7px 9px;border-radius:999px;cursor:pointer;font-size:10px}.category-chip:hover{border-color:#8b5cf6;background:#2a2455}.automation-note{padding:10px 12px;border-radius:10px;border:1px solid rgba(56,189,248,.18);background:rgba(56,189,248,.06);color:#9fb4cd;font-size:10px;line-height:1.55}.security-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px}.passkey-panel{min-width:0}.passkey-register-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;padding:13px;border:1px solid #2b3d5b;background:#0b1628;border-radius:12px}.passkey-register-box label{margin:0}.passkey-register-box .passkey-button{grid-column:1/-1}.passkey-login-status{font-size:10px;color:#c4b5fd;min-height:16px;margin-top:7px}.passkey-list{display:grid;gap:8px;margin-top:14px}.passkey-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #273a58;background:#0c1728;border-radius:11px}.passkey-card strong,.passkey-card small{display:block}.passkey-card small{font-size:9px;color:var(--muted);margin-top:4px}.passkey-card form{display:flex;gap:7px;align-items:center;margin:0;min-width:330px}.passkey-card input{padding:8px 9px}.passkey-button{background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;border:1px solid rgba(96,165,250,.35)}.login-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#64748b;font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#263752;flex:1}.empty-state.compact{padding:14px}.error-text{color:#fca5a5!important}
.execution-progress-card{margin:0 0 16px;padding:16px;border-radius:14px;border:1px solid rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(124,58,237,.09) 52%,rgba(15,23,42,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.execution-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.execution-progress-head>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.execution-progress-head strong{font-size:23px;letter-spacing:-.03em;color:#f8fafc}.execution-progress-state{font-size:10px;font-weight:900;letter-spacing:.04em;color:#86efac;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.18);padding:6px 9px;border-radius:999px}.live-progress-track{height:15px;background:#07101d;border:1px solid #263752;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,.35);position:relative}.live-progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#22c55e 0%,#14b8a6 32%,#7c3aed 68%,#d946ef 100%);transition:width 1s linear;position:relative;box-shadow:0 0 18px rgba(34,197,94,.25)}.live-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.28) 45%,transparent 55% 100%);background-size:55px 100%;animation:hoststorm-progress-shine 1.2s linear infinite}.execution-timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.execution-timing-grid>div{padding:10px 11px;border-radius:10px;background:rgba(6,15,27,.62);border:1px solid rgba(148,163,184,.1);min-width:0}.execution-timing-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.execution-timing-grid strong{display:block;color:#e7eef8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-progress-note{margin:10px 0 0;color:#708098;font-size:9px;line-height:1.45}.execution-progress-card.is-ending{border-color:rgba(251,191,36,.38);background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(124,58,237,.08),rgba(15,23,42,.62))}.execution-progress-card.is-ending .execution-progress-state{color:#fde68a;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.25)}.execution-progress-card.is-finished{border-color:rgba(100,116,139,.28);background:linear-gradient(135deg,rgba(71,85,105,.09),rgba(15,23,42,.72))}.execution-progress-card.is-finished .execution-progress-state{color:#cbd5e1;background:rgba(100,116,139,.12);border-color:rgba(100,116,139,.24)}.execution-progress-card.is-finished .live-progress-fill:after{animation:none;opacity:.2}@keyframes hoststorm-progress-shine{from{background-position:-60px 0}to{background-position:60px 0}}
@media(max-width:1100px){.integration-layout,.security-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.metadata-account-picker{grid-template-columns:1fr}}
@media(max-width:700px){.execution-progress-head{align-items:flex-start;flex-direction:column}.execution-timing-grid{grid-template-columns:1fr}.execution-timing-grid strong{white-space:normal}}
@media(max-width:650px){.passkey-register-box{grid-template-columns:1fr}.passkey-card{align-items:stretch;flex-direction:column}.passkey-card form{min-width:0;display:grid;grid-template-columns:1fr auto}.category-row{grid-template-columns:1fr}.category-search-button{width:100%}}