.firewalls-workspace{--fw-card:#111d34;--fw-soft:#0c1729;--fw-text:#f6f9ff;display:flex;flex-direction:column;gap:16px;color:var(--fw-text)}:root[data-theme="light"] .firewalls-workspace{--fw-card:#fff;--fw-soft:#f1f5f9;--fw-text:#17263b}.firewall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid var(--workspace-line);border-radius:16px;background:var(--fw-card)}.firewall-toolbar p{margin:0 0 4px;color:#3478df;font-size:10px;font-weight:800;letter-spacing:.13em}.firewall-toolbar h2{margin:0;color:var(--fw-text);font-size:23px}.firewall-toolbar span{display:block;margin-top:5px;color:var(--workspace-muted);font-size:12px}.firewall-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.firewall-summary article{padding:16px 18px;border:1px solid var(--workspace-line);border-radius:14px;background:var(--fw-card)}.firewall-summary small{display:block;color:var(--workspace-muted);font-size:9px;font-weight:800;letter-spacing:.1em}.firewall-summary strong{display:block;margin-top:4px;color:var(--fw-text);font-size:28px}.firewall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.firewall-grid>.empty-state{grid-column:1/-1}.firewall-card{border:1px solid var(--workspace-line);border-left:4px solid #607089;border-radius:15px;padding:18px;background:var(--fw-card)}.firewall-card.state-online{border-left-color:#27d6a1}.firewall-card.state-degraded{border-left-color:#f6a91a}.firewall-card.state-offline{border-left-color:#f05261}.firewall-card.state-paused{opacity:.7}.firewall-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.firewall-card-head small{color:var(--workspace-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.firewall-card-head h3{margin:3px 0;color:var(--fw-text);font-size:17px}.firewall-card-head span{color:var(--workspace-muted);font-size:11px}.firewall-state{border-radius:999px;padding:6px 10px;background:#60708922;color:#718097;font-size:10px;text-transform:uppercase}.state-online .firewall-state{background:#27d6a11c;color:#17a673}.state-degraded .firewall-state{background:#f6a91a1c;color:#c78008}.state-offline .firewall-state{background:#f052611c;color:#e14856}.firewall-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.firewall-facts span{padding:10px;border-radius:10px;background:var(--fw-soft)}.firewall-facts small{display:block;color:var(--workspace-muted);font-size:8px;font-weight:800}.firewall-facts b{display:block;margin-top:4px;color:var(--fw-text);font-size:13px}.firewall-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--workspace-muted);font-size:10px}.firewall-error{overflow:hidden;margin:0 0 10px;color:#f05261;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.firewall-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:12px;border-top:1px solid var(--workspace-line)}.firewall-actions button{border:1px solid var(--workspace-line);border-radius:8px;padding:7px 10px;background:transparent;color:var(--fw-text);cursor:pointer;font-size:10px}.firewall-actions button:hover{border-color:#4388ff;color:#4388ff}.firewall-actions .danger:hover{border-color:#f05261;color:#f05261}.firewall-history{padding:18px;border:1px solid var(--workspace-line);border-radius:15px;background:var(--fw-card);scroll-margin-top:95px}.firewall-history h3{color:var(--fw-text)}.firewall-history-list{display:flex;flex-direction:column;margin-top:12px}.firewall-history-row{display:grid;grid-template-columns:12px 90px 1fr 1fr 160px;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--workspace-line);font-size:11px}.firewall-history-row time,.firewall-history-row>span{color:var(--workspace-muted)}.history-dot{width:8px;height:8px;border-radius:50%;background:#607089}.history-dot.state-online{background:#27d6a1}.history-dot.state-degraded{background:#f6a91a}.history-dot.state-offline{background:#f05261}.firewall-modal{width:min(720px,calc(100vw - 28px))}.firewall-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.firewall-modal .full{grid-column:1/-1}
@media(max-width:1000px){.firewall-grid{grid-template-columns:1fr}.firewall-history-row{grid-template-columns:12px 75px 1fr}.firewall-history-row time{grid-column:3}.firewall-history-row>span:nth-of-type(3){grid-column:3}}
@media(max-width:700px){.firewall-toolbar{align-items:flex-start;flex-direction:column}.firewall-summary{grid-template-columns:1fr 1fr}.firewall-facts{grid-template-columns:1fr 1fr}.firewall-modal .form-grid{grid-template-columns:1fr}.firewall-modal .full{grid-column:auto}}
.firewall-snmp-inline,.firewall-snmp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.firewall-snmp-inline{padding:10px;border:1px solid var(--workspace-line);border-radius:11px;background:var(--fw-soft)}.firewall-snmp-inline span{display:grid;gap:3px}.firewall-snmp-inline small,.firewall-snmp-summary small{color:var(--workspace-muted);font-size:8px;font-weight:800}.firewall-snmp-inline b{color:var(--fw-text);font-size:12px}.firewall-snmp-inline.has-error{border-color:#f0526155}.firewall-snmp-summary article{padding:12px;border:1px solid var(--workspace-line);border-radius:10px;background:var(--fw-soft)}.firewall-snmp-summary b{display:block;margin-top:4px;color:var(--fw-text);font-size:18px}.firewall-interface-list{margin-top:14px;overflow:auto}.firewall-interface-head,.firewall-interface-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 90px 110px 110px 110px;gap:12px;align-items:center;min-width:650px;padding:10px;border-bottom:1px solid var(--workspace-line);font-size:11px}.firewall-interface-head{color:var(--workspace-muted);font-size:8px;font-weight:800}.firewall-interface-row>span:first-child{display:grid;gap:2px}.firewall-interface-row b{color:var(--fw-text)}.firewall-interface-row small{color:var(--workspace-muted);font-size:9px}.interface-state{width:max-content;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.interface-state.up{background:#27d6a11c;color:#17a673}.interface-state.down{background:#f052611c;color:#e14856}.firewall-snmp-settings{margin:4px 0 0;padding:14px;border:1px solid var(--lpt-border);border-radius:10px}.firewall-snmp-settings legend{padding:0 6px;font-size:11px;font-weight:800}.firewall-snmp-settings small{display:block;margin-top:8px;color:var(--lpt-muted)}
@media(max-width:700px){.firewall-snmp-inline,.firewall-snmp-summary{grid-template-columns:1fr 1fr}}