.firewall-popup-content{grid-template-rows:170px minmax(0,1fr);gap:14px;min-height:0;padding:16px;display:grid}.firewall-overview{min-height:0;overflow:hidden}.firewall-device-visual{flex-direction:column;min-width:0;display:flex}.firewall-chassis{aspect-ratio:19/1.75;width:100%;color:var(--hardware-deep);background:linear-gradient(180deg, var(--hardware-warm-light) 0, var(--hardware-warm) 17%, var(--hardware-warm) 83%, var(--hardware-warm-dark) 100%);border:1px solid rgb(from var(--color-white) r g b / .22);box-shadow:inset 0 1px rgb(from var(--color-white) r g b / .7), inset 0 -1px rgb(from var(--color-black) r g b / .24), 0 13px 28px rgb(from var(--color-black) r g b / .38);border-radius:5px;flex:none;grid-template-columns:22px minmax(0,1fr) 56px 132px 22px;align-items:center;display:grid;position:relative;overflow:visible}.rack-ear{background:rgb(from var(--hardware-highlight) r g b / .86);border-right:1px solid rgb(from var(--color-black) r g b / .13);flex-direction:column;justify-content:space-around;align-items:center;height:100%;display:flex}.rack-ear:last-child{border-right:0;border-left:1px solid rgb(from var(--color-black) r g b / .13)}.rack-ear i{background:var(--hardware-black);width:11px;height:7px;box-shadow:inset 0 1px rgb(from var(--color-white) r g b / .12);border-radius:2px}.gateway-face{grid-template-rows:minmax(0,1fr) 8px;gap:8px;min-width:0;height:100%;padding:14px 18px 11px;display:grid}.gateway-vent{background-image:radial-gradient(var(--hardware-base) 1.35px, transparent 1.45px);background-position:0 0;background-size:6px 6px;border-radius:2px;min-width:0}.gateway-brand{align-items:center;gap:5px;display:flex}.gateway-brand i{background:var(--info);border-radius:1px;width:9px;height:3px}.gateway-brand i:nth-child(2){background:var(--hardware-light)}.gateway-brand i:nth-child(3){background:var(--success)}.management-port{background:linear-gradient(180deg, var(--hardware-muted), var(--hardware-muted) 25%, var(--hardware-muted) 26%, var(--hardware-mid) 100%);border:2px solid var(--hardware-light);width:42px;height:32px;box-shadow:inset 0 0 0 2px var(--hardware-dark);border-radius:2px;justify-self:center;position:relative}.management-port:before{content:"";background:repeating-linear-gradient(90deg, var(--hardware-warm) 0 2px, transparent 2px 4px);height:12px;position:absolute;top:7px;left:8px;right:8px}.gateway-ports{z-index:2;grid-template-rows:repeat(2,34px);grid-template-columns:repeat(2,54px);justify-self:center;gap:6px 8px;width:116px;display:grid;position:relative}.gateway-port{background:linear-gradient(180deg, var(--hardware-light), var(--hardware-muted));border:2px solid var(--hardware-warm-light);width:54px;height:34px;box-shadow:inset 0 0 0 3px var(--hardware-mid), 0 0 0 1px rgb(from var(--color-black) r g b / .25);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:3px;padding:0;display:block;position:relative}.gateway-port:hover{transform:translateY(-1px)}.gateway-port.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--hardware-mid), 0 0 0 2px rgb(from var(--primary) r g b / .32)}.gateway-port-connection{background:var(--hardware-deep);border:2px solid var(--hardware-black);border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.gateway-port.is-connected .gateway-port-connection{background:var(--success);border-color:var(--hardware-light);box-shadow:0 0 5px rgb(from var(--success) r g b / .78)}.gateway-activity{background:var(--hardware-dark);border-radius:1px;width:4px;height:3px;position:absolute;bottom:4px}.gateway-activity.is-tx{left:17px}.gateway-activity.is-rx{right:17px}.gateway-port.is-connected .gateway-activity.is-tx{background:var(--warning)}.gateway-port.is-connected .gateway-activity.is-rx{background:var(--info)}.gateway-port:nth-child(3n) .gateway-activity.is-rx{animation:1.5s steps(2,end) infinite gateway-led-pulse}.gateway-port-number{color:rgb(from var(--color-white) r g b / .72);pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.gateway-port:nth-child(n+3) .gateway-port-number{top:auto;bottom:-14px}.firewall-visual-footer{align-items:center;gap:20px;margin:7px 2px 0;display:flex}.firewall-legend{color:var(--text-muted);align-items:center;gap:12px;font-size:9px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-dot{background:var(--hardware-mid);border-radius:50%;width:6px;height:6px}.legend-dot.is-connected{background:var(--success);box-shadow:0 0 5px rgb(from var(--success) r g b / .7)}.legend-dot.is-activity{background:var(--info)}.legend-outline{border:1px solid var(--primary);border-radius:2px;width:10px;height:8px}.selection-instruction{color:var(--text-muted);font-size:9px}.firewall-workspace{grid-template-columns:958px minmax(0,1fr);gap:14px;min-height:0;display:grid}.interface-table{--table-columns:72px 88px minmax(190px, 1.7fr) 86px 152px 152px}.inspection-table{--table-columns:minmax(170px, 1.45fr) 120px 150px 108px 104px 74px}.threat-table{--table-columns:minmax(190px, 1.45fr) 128px 128px minmax(190px, 1.3fr) 110px}.firewall-lag-table{--table-columns:minmax(140px, 1.4fr) minmax(110px, 1fr) minmax(140px, 1.3fr) 74px 86px 118px 64px}.interface-row{cursor:pointer}.interface-row.is-selected{background:rgb(from var(--primary) r g b / .15);box-shadow:inset 3px 0 var(--primary)}.interface-port-cell{color:var(--text-primary);align-items:center;gap:9px;font-weight:680;display:flex}.interface-state,.detail-state{background:var(--hardware-mid);border-radius:50%;flex:none;width:7px;height:7px}.interface-state.is-up,.detail-state.is-up{background:var(--success);box-shadow:0 0 0 3px rgb(from var(--success) r g b / .14)}.zone-badge{justify-content:center;min-width:42px}.zone-badge.is-lan{color:var(--info-bright);background:rgb(from var(--info) r g b / .13);border-color:rgb(from var(--info) r g b / .3)}.interface-traffic{grid-template-columns:64px 58px;align-items:center;gap:6px;width:128px;display:grid}.interface-traffic .ui-progress{width:64px}.interface-traffic.is-rx .ui-progress span{background:var(--info)}.interface-traffic small{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.capacity-cell{gap:7px;width:126px;display:grid}.capacity-cell strong{color:var(--text-primary);font-size:10px}.threat-meter{width:170px;color:var(--text-muted);grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:9px;display:grid}.member-list{flex-wrap:wrap;gap:5px;display:flex}.member-list span{min-width:25px;height:22px;color:var(--success-bright);background:rgb(from var(--success) r g b / .14);border:1px solid rgb(from var(--success) r g b / .25);border-radius:4px;place-items:center;padding:0 6px;font-size:9px;font-weight:700;display:inline-grid}.lag-status{gap:7px;width:136px;display:grid}.selection-bar{z-index:8;background:var(--hardware-deep);border:1px solid rgb(from var(--color-white) r g b / .14);min-height:54px;box-shadow:var(--shadow-float);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:0 9px 0 15px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.selection-copy{align-items:baseline;gap:8px;display:flex}.selection-copy strong{font-size:12px}.selection-copy span{color:var(--text-muted);font-size:10px}.selection-actions{align-items:center;gap:6px;display:flex}.firewall-insights{grid-template-rows:208px 126px minmax(0,1fr);gap:14px;min-height:0;display:grid}.inspection-traffic-card,.interface-detail-card,.security-health-card{min-height:0;overflow:hidden}.inspection-traffic-body{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:calc(100% - 42px);padding:10px 14px 12px;display:grid}.wan-rx-chart{--chart-color:var(--success);--chart-fill:rgb(from var(--success) r g b / .12)}.wan-tx-chart{--chart-color:var(--info);--chart-fill:rgb(from var(--info) r g b / .1)}.interface-detail-body{gap:10px;padding:10px 14px 11px;display:grid}.detail-status{min-width:0;color:var(--text-muted);align-items:center;gap:8px;font-size:9px;display:flex}.detail-status strong{color:var(--text-primary);font-size:10px}.detail-status span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.interface-detail-grid div,.security-stats div{gap:2px;display:grid}.interface-detail-grid span,.security-stats span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:700}.interface-detail-grid strong,.security-stats strong{color:var(--text-primary);font-size:10px;font-weight:650}.multi-interface-detail{color:var(--text-secondary);font-size:10px}.security-health-body{gap:9px;padding:10px 14px 12px;display:grid}.security-score-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.security-score-row>div{align-items:baseline;gap:4px;display:flex}.security-score-row strong{font-size:19px;line-height:1}.security-score-row>div span{color:var(--text-muted);font-size:9px}.security-health-bar{background:var(--hardware-base);border-radius:99px;height:4px;overflow:hidden}.security-health-bar span{background:linear-gradient(90deg, var(--success), var(--warning-bright));border-radius:inherit;width:100%;height:100%;display:block}.security-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@keyframes gateway-led-pulse{50%{opacity:.28}}