.publish-page{color:#241f22;max-width:1500px;margin:auto;padding:38px 42px 70px}.publish-loading{padding:70px;font-weight:650}.publish-page>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.publish-page header p,.connection-panel small,.panel-title small{color:#9f145f;letter-spacing:2px;margin:0 0 6px;font-size:9px;font-weight:900}.publish-page header h1{letter-spacing:-1.5px;margin:0 0 6px;font-size:40px}.publish-page header span{color:#756c71;font-size:11px}.publish-page header>div:last-child{gap:8px;display:flex}.publish-page header a,.panel-title a{color:#9f145f;background:#fff;border:1px solid #ddd5d9;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:800;text-decoration:none}.publish-notice,.publish-error{border-radius:8px;margin-bottom:12px;padding:11px 13px;font-size:11px}.publish-notice{color:#286a45;background:#eef9f2;border:1px solid #9dcfb2}.publish-error{color:#9c4038;background:#fff1ef;border:1px solid #e0a09a}.publish-metrics{background:#fff;border:1px solid #ddd5d9;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid;overflow:hidden}.publish-metrics div{border-right:1px solid #ddd5d9;padding:16px 20px}.publish-metrics div:last-child{border:0}.publish-metrics strong,.publish-metrics span{display:block}.publish-metrics strong{font-size:26px}.publish-metrics span{color:#756c71;margin-top:3px;font-size:9px}.publish-metrics .alerting{background:#fff4f9}.publish-metrics .alerting strong{color:#9f145f}.connection-panel{color:#fff;background:linear-gradient(120deg,#281520,#4d1236 65%,#315be8);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.connection-panel h2{margin:0 0 4px;font-size:22px}.connection-panel p{color:#e4d5dd;margin:0;font-size:10px}.connect-meta{color:#8f1458;white-space:nowrap;background:#fff;border-radius:8px;padding:12px 15px;font-size:11px;font-weight:850;text-decoration:none}.connect-meta.disabled{opacity:.58}.setup-panel{color:#6e5925;background:#fff9e9;border:1px solid #e4cf9b;border-radius:8px;gap:12px;margin:10px 0;padding:12px;display:flex}.setup-panel strong{font-size:10px}.setup-panel span{font-size:9px}.setup-panel code{font-weight:800}.connections{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.connections article{background:#fff;border:1px solid #ddd5d9;border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.meta-icon{color:#fff;background:#1877f2;border-radius:10px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.connections strong,.connections span{display:block}.connections strong{font-size:11px}.connections span{color:#756c71;margin-top:3px;font-size:8px}.connections em{color:#247046;text-transform:uppercase;background:#e8f6ed;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal}.publish-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);gap:12px;margin-top:12px;display:grid}.queue,.alerts{background:#fff;border:1px solid #ddd5d9;border-radius:12px;overflow:hidden}.panel-title{border-bottom:1px solid #e3dde0;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.panel-title h2{margin:0;font-size:17px}.panel-title button{color:#9f145f;font-size:9px;font-weight:750}.publish-empty{text-align:center;color:#756c71;place-content:center;gap:7px;min-height:260px;display:grid}.publish-empty strong{color:#241f22}.publish-empty span{font-size:10px}.job{border-bottom:1px solid #e3dde0;grid-template-columns:120px 1fr 125px;gap:14px;padding:14px;display:grid}.job-visual{color:#fff;background:#27131e;border-radius:8px;place-items:center;height:100px;font-weight:850;display:grid;overflow:hidden}.job-visual img{object-fit:cover;width:100%;height:100%}.job small{color:#9f145f;text-transform:uppercase;font-size:8px;font-weight:750}.job h3{margin:4px 0;font-size:14px}.job p{color:#625a5f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.job a{color:#315be8;font-size:8px}.job b{color:#a03e37;margin-top:5px;font-size:8px;display:block}.job-action{text-align:right}.job-action em,.job-action span{display:block}.job-action em{text-transform:uppercase;font-size:8px;font-style:normal;font-weight:850}.status-queued{color:#a06b1f}.status-published{color:#247046}.status-failed{color:#a03e37}.status-draft{color:#756c71}.job-action span{color:#756c71;margin-top:7px;font-size:8px}.job-action button{color:#fff;background:#9f145f;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:9px;font-weight:800}.job-action button:disabled{opacity:.48;cursor:not-allowed}.alerts article{border-bottom:1px solid #e3dde0;gap:9px;padding:12px 14px;display:flex}.alerts article i{color:#c9c0c5;font-size:8px}.alerts article.unread{background:#fff7fb}.alerts article.unread i{color:#9f145f}.alerts strong,.alerts p,.alerts span{display:block}.alerts strong{font-size:10px}.alerts p{color:#625a5f;margin:3px 0;font-size:9px}.alerts span{color:#938a8f;font-size:8px}.alert-empty{color:#756c71;text-align:center;padding:40px 20px;font-size:10px}.publish-safety{background:#fff9e7;border:1px solid #e5cb89;border-radius:9px;margin-top:12px;padding:14px}.publish-safety strong,.publish-safety span{display:block}.publish-safety span{color:#736441;margin-top:3px;font-size:10px}@media (max-width:900px){.publish-page{padding:28px 16px}.publish-grid,.connections{grid-template-columns:1fr}.publish-metrics{grid-template-columns:repeat(2,1fr)}.publish-metrics div:nth-child(2){border-right:0}.job{grid-template-columns:100px 1fr}.job-action{text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.job-action button{margin:0}}@media (max-width:600px){.publish-page>header,.connection-panel{flex-direction:column;align-items:flex-start}.publish-page header h1{font-size:31px}.publish-metrics{grid-template-columns:1fr}.publish-metrics div{border-bottom:1px solid #ddd5d9;border-right:0}.job{grid-template-columns:1fr}.job-visual{height:180px}.job-action{grid-column:auto}.setup-panel{display:block}.setup-panel span{margin-top:6px;display:block}}