.automation-window{position:relative;min-height:425px;border:1px solid rgba(0,0,0,.5);border-radius:10px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);overflow:hidden}
.automation-head{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(0,0,0,.15);background:linear-gradient(#fafafa,#e1e1e1);font-size:9px;letter-spacing:.05em;color:var(--muted)}
.automation-status{display:flex;align-items:center;gap:6px}
.automation-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffb12b;box-shadow:0 0 6px rgba(255,177,43,.55)}
.automation-window.is-live .automation-status::before{background:#2cc45a;box-shadow:0 0 6px rgba(44,196,90,.5)}
.automation-body{position:relative;height:calc(100% - 34px);min-height:390px;padding:27px 25px 23px;display:flex;flex-direction:column}
.rule-line{min-height:145px;font-size:clamp(20px,2vw,27px);line-height:1.28;letter-spacing:-.026em;font-weight:500;text-wrap:pretty}
.caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--ink);animation:caretBlink 1s steps(1) infinite}
@keyframes caretBlink{50%{opacity:0}}
.rule-tag,.stream-pill,.service-pill{display:inline-flex;align-items:center;vertical-align:middle;margin:0 3px;border:1px solid var(--line-strong);transform:translateY(-1px)}
.rule-tag{padding:3px 7px;border-radius:5px;background:#ededed;font-family:var(--mono);font-size:.45em;letter-spacing:.06em;text-transform:uppercase}
.stream-pill{gap:5px;padding:4px 7px;border-radius:6px;background:#fff;font-family:var(--mono);font-size:.43em;white-space:nowrap}
.stream-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rec);box-shadow:0 0 5px var(--rec)}
.service-pill{gap:5px;border-radius:999px;padding:4px 8px 4px 5px;background:#fff;font-size:.48em;white-space:nowrap}
.service-pill img{height:15px;width:auto;max-width:70px}
.deploy-button{align-self:flex-end;border:1px solid #626262;border-radius:999px;padding:9px 15px;background:linear-gradient(#fff,#e8e8e8 50%,#dadada);box-shadow:0 8px 18px rgba(0,0,0,.11),inset 0 1px 0 #fff;font-size:12px;font-weight:600;opacity:.46;transition:opacity .2s ease,transform .16s var(--ease),box-shadow .2s ease}
.deploy-button.is-ready{opacity:1}.deploy-button.is-pressed{transform:scale(.96);box-shadow:0 0 0 4px rgba(15,127,255,.16)}
.action-receipt{margin-top:auto;display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;border-top:1px dashed var(--line);padding-top:16px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s var(--ease)}
.action-receipt.is-visible{opacity:1;transform:none}
.receipt-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px}
.receipt-logo{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff}
.receipt-logo img{width:20px;height:20px;object-fit:contain}
.receipt-copy{display:flex;flex-direction:column;min-width:0}
.receipt-copy strong{font-size:12px}.receipt-copy small{font-size:10px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.receipt-meta{font-size:8px;color:var(--muted);white-space:nowrap}
@media(max-width:900px){.automation-window{min-height:360px}.automation-body{min-height:325px}.rule-line{min-height:108px}.action-receipt{margin-top:28px}}
@media(max-width:600px){
  .automation-window{min-height:284px;border-top:0;border-radius:0 0 10px 10px}
  .automation-body{min-height:250px;padding:18px 16px 16px}
  .rule-line{font-size:19px;min-height:82px}
  .receipt-meta{display:none}
  .action-receipt{grid-template-columns:auto auto 1fr;margin-top:14px;padding-top:12px}
}