/* Shared screen-only actions for management, dialogs, accounts and previews.
   Navigation, text links, column controls, quantity steppers and receipt cards
   keep their purpose-specific layout. Never style printed document content. */
@media screen {
 :root {
  --action-height:38px; --action-padding-y:8px; --action-padding-x:12px;
  --action-gap:8px; --action-radius:7px; --action-icon:18px;
 }
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button) {
  appearance:none; -webkit-appearance:none; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center;
  gap:var(--action-gap); flex:0 1 auto;
  min-width:64px; max-width:100%; height:auto; min-height:var(--action-height);
  padding:var(--action-padding-y) var(--action-padding-x);
  font-family:inherit; font-size:13px; font-weight:600; font-style:normal;
  line-height:20px; letter-spacing:normal; text-align:center;
  border:1px solid transparent; border-radius:var(--action-radius);
  background:#17695a; color:#fff; text-decoration:none;
  white-space:normal; overflow-wrap:anywhere; cursor:pointer; filter:none;
 }
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button):is(.secondary,summary) {background:#fff;border-color:#d6e0d8;color:#426954}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button):hover {background:#115445}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button):is(.secondary,summary):hover {background:#edf4ef}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button):disabled {opacity:.5;cursor:wait}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button):focus-visible {outline:3px solid #71b6a6;outline-offset:3px}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button)>.ui-icon {width:var(--action-icon);height:var(--action-icon);flex:0 0 var(--action-icon)}
 :is(#app,#print-root,dialog,body) :is(.row-actions,.page-actions,.label-actions,.actions,.export-actions,.print-actions) {
  display:flex;gap:var(--action-gap);align-items:center;flex-wrap:wrap;min-width:0;max-width:100%;
 }
 :is(#app,#print-root,dialog,body) :is(.row-actions,.page-actions,.label-actions,.actions,.export-actions,.print-actions)>:is(button,.button,.export-menu) {margin:0}
 #app .page-heading>.page-actions {flex-direction:row;justify-content:flex-end}
 .export-menu>summary {list-style:none}
 .export-menu[open]>summary {background:#edf5ef}
 .print-toolbar {gap:var(--action-gap);align-items:center;flex-wrap:wrap}
 .print-toolbar>.print-description {flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
 .print-toolbar>.print-actions {flex:0 1 auto;justify-content:flex-end}
 .print-toolbar .print-actions>:is(button,.button) {width:auto}
}
@media screen and (max-width:760px) {
 :root {--action-height:44px;--action-padding-y:11px}
 #app .page-heading>.page-actions {justify-content:flex-start}
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button).primary-create {
  width:56px;height:56px;min-width:56px;min-height:56px;padding:14px;border-radius:50%;
 }
 :is(#app,#print-root,dialog,body) :is(button,.button,.export-menu>summary):not(.nav,.text-button,.column-settings,.receive-action,.quantity-stepper button,.column-options button).primary-create>.ui-icon {width:26px;height:26px;flex-basis:26px}
 .print-toolbar>.print-description {flex-basis:100%}
 .print-toolbar>.print-actions {flex-basis:100%;justify-content:flex-start}
 /* The action-bar anchor prevents the short stock export trigger from
    pushing its right-aligned menu outside the left edge at 320px. */
 #app .product-panel>.panel-heading {position:relative}
 #app .product-panel .export-menu {position:static}
 #app .product-panel .export-options {right:12px;max-width:calc(100% - 24px)}
}