.gateway-summary { margin-bottom: 20px; }
.gateway-scope-error { margin-bottom: 20px; border-color: #eac2c7; background: #fff3f4; }
.gateway-scope-error .panel-body { padding: 14px 22px; }
.gateway-scope-error p { margin: 0; color: #a32739; font-size: 14px; }
.gateway-summary .panel-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.gateway-summary .panel-body > div { display: flex; flex-direction: column; gap: 5px; }
.gateway-summary small { color: #69867e; font-size: 13px; }
.gateway-summary strong { color: #123e36; font-size: 22px; overflow-wrap: anywhere; }
.gateway-summary span { color: #57736a; font-size: 13px; }
.gateway-config-panel { margin-bottom: 20px; }
.gateway-config-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.gateway-config-form label { display: flex; flex-direction: column; gap: 7px; font-size: 14px; color: #395b52; }
.gateway-config-form input { width: 100%; min-height: 42px; border: 1px solid #d7e5de; border-radius: 9px; padding: 0 12px; background: #fff; color: #183d35; }
.gateway-config-form input:focus { outline: 2px solid #078774; outline-offset: 1px; }
.gateway-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
.gateway-form-actions button { min-height: 42px; }
.gateway-form-actions button:disabled { opacity: .5; cursor: not-allowed; }
.gateway-review-panel .fingerprint { font-family: ui-monospace, monospace; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.gateway-review-panel .fingerprint span { display: block; }
.gateway-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.gateway-history-panel, .gateway-overview-panel { margin-top: 20px; }
.gateway-history-list { display: flex; flex-wrap: wrap; gap: 8px; color: #57736a; }
.gateway-address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.gateway-address-grid > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.gateway-address-grid small, .gateway-stats small { color: #57736a; }
.gateway-address-grid code { overflow-wrap: anywhere; color: #123e36; }
.gateway-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gateway-stats > div { display: flex; flex-direction: column; gap: 4px; padding: 12px; border: 1px solid #d7e5de; border-radius: 9px; }
.gateway-stats strong { font-size: 19px; color: #123e36; }
.gateway-records { border-top: 1px solid #e2eae6; }
.gateway-records summary { cursor: pointer; padding: 14px 22px; color: #244a40; font-weight: 600; }
.gateway-records .table-wrap { max-height: 360px; overflow: auto; }
.gateway-scope-panel { margin-top: 20px; }
.gateway-scope-panel .panel-body p { color: #395b52; }
.gateway-scope-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.gateway-scope-form label { display: flex; flex: 1 1 220px; flex-direction: column; gap: 7px; color: #395b52; font-size: 14px; }
.gateway-scope-form input, .gateway-scope-form select { min-height: 42px; border: 1px solid #d7e5de; border-radius: 9px; padding: 0 12px; background: #fff; color: #183d35; }
.gateway-scope-form button { min-height: 42px; }
@media (max-width: 800px) { .gateway-summary .panel-body, .gateway-config-form, .gateway-address-grid { grid-template-columns: 1fr; } .gateway-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }