/* ============================================================================
   op_flow_conn.css  -  CHG-20260815-CONN1

   WHY THIS EXISTS
   BLAZE asked for the connectors between the Sales-Purchase Console flow icons
   to be removed. They are 3px dots (.op-chev), four to each connector
   (.op-arw). On the active part of the strip (.op-arw-flow) each dot runs
   @keyframes opArwFlow for 2.2s on infinite repeat - that is the blinking.

   The rule lives inside erp-app.js, which is 1.86 MB and over the cPanel
   editor ceiling, so it cannot be edited. This overrides it instead. The
   original .op-arw-flow rule carries no !important, so !important here wins
   regardless of stylesheet order.

   WHY display:none AND NOT visibility:hidden
   Measured on the live console before writing: hiding the dots either way
   leaves .op-arw at 12px and the strip row at 1465px, so neither reflows the
   layout. display:none is preferred because it also stops the animations
   outright - there were 409 .op-arw-flow connectors on screen, roughly 1,636
   dots animating on an infinite loop.

   animation:none is stated as well as display:none so that if a future change
   ever un-hides these dots, they come back static rather than blinking.

   The dark strip height is untouched - standing rule 16.
   REVERT: remove the one <link> tag for this file from
   erp-nologin-updated.html. Nothing else refers to it.
   ========================================================================== */
.op-arw .op-chev,
.op-arw-flow .op-chev,
.op-arw-dim .op-chev,
.op-chev {
  display: none !important;
  animation: none !important;
}