/* Integration Gateway V0.9: presentation layer; isolates the original design */
.gateway-stage{margin:20px 0;padding:22px;border:1px solid rgba(120,188,244,.26);border-radius:20px;background:linear-gradient(135deg,rgba(13,40,69,.55),rgba(16,22,40,.35));color:var(--text,#e5efff)}
.gateway-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.gateway-heading h3{margin:5px 0 8px;font-size:1.22rem}.gateway-heading p{margin:0 0 14px;line-height:1.6;max-width:720px;opacity:.8}.gateway-strip{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.gateway-strip span{padding:7px 11px;border:1px solid rgba(126,180,222,.22);border-radius:999px;background:rgba(62,117,166,.12);font-size:.77rem}.gateway-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gateway-controls>div{min-width:0}.gateway-controls label{display:block;font-size:.79rem;font-weight:650;margin-bottom:7px}.gateway-controls select{display:block;width:100%;min-height:44px;border-radius:10px;padding:8px 12px;color:inherit;background:#15253a;border:1px solid rgba(138,192,232,.3)}.gateway-policy{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gateway-policy div{border:1px solid rgba(138,192,232,.17);border-radius:11px;padding:11px;background:rgba(5,19,39,.26)}.gateway-policy span{display:block;opacity:.67;font-size:.72rem}.gateway-policy strong{display:block;margin-top:3px;font-size:.86rem;overflow-wrap:anywhere}.gateway-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.gateway-result{margin-top:14px;padding:14px;border:1px solid rgba(143,186,227,.3);border-radius:12px;background:rgba(7,25,45,.36)}.gateway-result p{line-height:1.6;margin:7px 0 0;font-size:.84rem}.gateway-result[data-status="ok"]{border-color:rgba(105,214,174,.48)}.gateway-result[data-status="blocked"]{border-color:rgba(246,173,115,.55)}.gateway-log-title{display:flex;justify-content:space-between;gap:15px;margin:20px 0 7px;font-size:.83rem;font-weight:700}.gateway-log-title span{opacity:.67;font-weight:400}.gateway-log{margin:0;padding:0 0 0 21px;font-size:.8rem;line-height:1.7;overflow-wrap:anywhere}.gateway-log li{padding:3px 0;border-bottom:1px solid rgba(132,178,219,.12)}@media(max-width:650px){.gateway-stage{padding:14px}.gateway-controls,.gateway-policy{grid-template-columns:1fr}.gateway-heading{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gateway-stage *{transition:none!important;animation:none!important}}
