/* Options select a view or filter; colored action buttons perform work. */
:root{--option:#3f4fa4;--option-hover:#32418b;--scan:#176baa;--scan-hover:#105787;--attention:#a65b12;--attention-bg:#fff3e1;--attention-border:#edcda4;--print:#7047a8}

/* Functional actions keep distinct meanings across ERP pages. */
button:is([data-action="batch-camera"],[data-action="relink-camera"],[data-action="relink-row-camera"],[data-action="mobile-scan"],[data-action="batch-go-scan"],[data-action="central-return-open"],[data-action="return-record-sync"],[data-action="sync"],[data-action="batch-supply-print"]).primary,
button:is([data-action="batch-camera"],[data-action="relink-camera"],[data-action="relink-row-camera"],[data-action="mobile-scan"],[data-action="batch-go-scan"],[data-action="central-return-open"],[data-action="return-record-sync"],[data-action="sync"],[data-action="batch-supply-print"]).secondary{background:var(--scan);border:1px solid var(--scan);color:#fff}
button:is([data-action="batch-camera"],[data-action="relink-camera"],[data-action="relink-row-camera"],[data-action="mobile-scan"],[data-action="batch-go-scan"],[data-action="central-return-open"],[data-action="return-record-sync"],[data-action="sync"],[data-action="batch-supply-print"]):hover{background:var(--scan-hover);border-color:var(--scan-hover)}

button:is([data-action="batch-retry"],[data-action="batch-warehouse-code"],[data-action="batch-photo-refresh"],[data-action="buyer-pickup-reload"],[data-action="return-record-reload"],[data-action="central-refresh-connection"],[data-action="refresh-rate"],[data-action="batch-warehouse-pack"],[data-action="buyer-pickup-edit"]).secondary,
button:is([data-action="batch-retry"],[data-action="batch-warehouse-code"],[data-action="batch-photo-refresh"],[data-action="buyer-pickup-reload"],[data-action="return-record-reload"],[data-action="central-refresh-connection"],[data-action="refresh-rate"],[data-action="batch-warehouse-pack"],[data-action="buyer-pickup-edit"]).primary{background:var(--attention-bg);border:1px solid var(--attention-border);color:#854806}
button:is([data-action="batch-retry"],[data-action="batch-warehouse-code"],[data-action="batch-photo-refresh"],[data-action="buyer-pickup-reload"],[data-action="return-record-reload"],[data-action="central-refresh-connection"],[data-action="refresh-rate"],[data-action="batch-warehouse-pack"],[data-action="buyer-pickup-edit"]):hover{background:#ffe8c4;border-color:#d9a662}

button:is([data-action="create-supply"],[data-action="batch-product-photo"]).primary,
button:is([data-action="create-supply"],[data-action="batch-product-photo"]).secondary{background:var(--print);border:1px solid var(--print);color:white}
button:is([data-action="create-supply"],[data-action="batch-product-photo"]):hover{background:#5c3891;border-color:#5c3891}
button[data-action="relink-camera"].primary,button[data-action="relink-camera"].secondary{background:var(--print);border:1px solid var(--print);color:#fff}
button[data-action="relink-camera"]:hover{background:#5c3891;border-color:#5c3891}
button[data-action="relink-add"].secondary,button[data-action="batch-warehouse-ship"].secondary{background:#087b6d;border:1px solid #087b6d;color:#fff}
button[data-action="relink-add"]:hover,button[data-action="batch-warehouse-ship"]:hover{background:#06695e;border-color:#06695e}

button[data-action="relink-select-warehouse"]{background:#edf1ff;border:1px solid #b9c7ec;color:#33499a;font-weight:650}
button[data-action="relink-select-warehouse"]:hover{background:#dfe7ff;border-color:#899fda}

/* Selection controls are always indigo, including when their markup uses primary/secondary. */
:is(.purchase-tabs,.fulfillment-sections,.pill-row) button:is(.primary,.secondary){background:#f0f3ff;border:1px solid #cbd4ef;color:#415492;font-weight:600;box-shadow:none}
:is(.purchase-tabs,.fulfillment-sections,.pill-row) button.primary,
:is(.purchase-tabs,.fulfillment-sections,.pill-row) button[aria-pressed="true"]{background:var(--option);border-color:var(--option);color:white}
:is(.purchase-tabs,.fulfillment-sections,.pill-row) button.secondary:hover{background:#e1e8ff;border-color:#a9b9e5}
:is(.purchase-tabs,.fulfillment-sections,.pill-row) button.primary:hover{background:var(--option-hover);border-color:var(--option-hover)}

button:focus-visible{outline-color:#e4a42d}