.firewall-shell{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:22px 24px;}
  .goal-box{background:var(--bg-panel-2);border-left:3px solid var(--teal);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13.5px;}

  .rules-header{font-family:var(--mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;}
  .rules-header span{flex:1;}
  .rule-row{display:flex;align-items:center;gap:8px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px;font-family:var(--mono);font-size:13px;}
  .rule-row.deny{border-left:3px solid var(--danger);}
  .rule-row.allow{border-left:3px solid var(--teal);}
  .rule-field{flex:1;}
  .rule-action-badge{font-weight:700;padding:3px 10px;border-radius:5px;font-size:11px;text-transform:uppercase;}
  .rule-action-badge.allow{background:rgba(79,209,197,.15);color:var(--teal);}
  .rule-action-badge.deny{background:rgba(240,84,107,.15);color:var(--danger);}
  .move-btns{display:flex;flex-direction:column;gap:2px;}
  .move-btn{font-family:var(--mono);font-size:10px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:1px 6px;border-radius:3px;}
  .move-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);}
  .move-btn:disabled{opacity:.3;cursor:default;}

  .add-rule-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
  .add-rule-row select, .add-rule-row input{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-family:var(--mono);font-size:12.5px;}
  .add-btn{font-family:var(--mono);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:6px;border:1px solid var(--amber);background:var(--amber);color:#0B0E14;cursor:pointer;}
  .add-btn:hover{background:#f2b25a;}

  .test-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);}
  .traffic-row{display:flex;align-items:center;gap:12px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:8px;font-family:var(--mono);font-size:13px;}
  .traffic-desc{flex:1;}
  .predict-btns{display:flex;gap:6px;}
  .predict-btn{font-family:var(--mono);font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:5px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;}
  .predict-btn:hover:not(:disabled){border-color:var(--amber);}
  .predict-btn.correct{background:rgba(79,209,197,.15);border-color:var(--teal);color:var(--teal);}
  .predict-btn.incorrect{background:rgba(240,84,107,.15);border-color:var(--danger);color:var(--danger);}
  .predict-btn:disabled{cursor:default;}
  .traffic-feedback{font-size:12px;color:var(--text-muted);margin-top:4px;width:100%;}

  .done-banner{margin-top:16px;padding:12px;background:rgba(79,209,197,.08);border:1px solid var(--teal);border-radius:8px;color:var(--teal);font-family:var(--mono);font-size:13px;text-align:center;display:none;}
  .done-banner.show{display:block;}