:root{
  --hsz-btn-font-family:Cairo,Arial,sans-serif;
  --hsz-btn-font-size:13px;
  --hsz-btn-font-size-sm:12px;
  --hsz-btn-font-weight:700;
  --hsz-btn-height:36px;
  --hsz-btn-height-sm:30px;
  --hsz-btn-height-lg:42px;
  --hsz-btn-icon-size:34px;
  --hsz-btn-radius:9px;
  --hsz-btn-radius-sm:8px;
  --hsz-btn-gap:7px;
  --hsz-btn-padding-x:13px;
  --hsz-btn-padding-x-sm:10px;
  --hsz-btn-primary:#0b63f6;
  --hsz-btn-primary-hover:#0754d8;
  --hsz-btn-primary-active:#0649bd;
  --hsz-btn-primary-text:#fff;
  --hsz-btn-secondary-bg:#fff;
  --hsz-btn-secondary-border:#d7e1ec;
  --hsz-btn-secondary-text:#294766;
  --hsz-btn-secondary-hover-bg:#f5f9ff;
  --hsz-btn-secondary-hover-border:#adc9ee;
  --hsz-btn-ghost-bg:#f5f8fc;
  --hsz-btn-ghost-hover:#eaf2ff;
  --hsz-btn-danger:#c62828;
  --hsz-btn-danger-hover:#a91f1f;
  --hsz-btn-danger-soft:#fff5f5;
  --hsz-btn-danger-border:#f2b8b8;
  --hsz-btn-success:#15803d;
  --hsz-btn-success-hover:#166534;
  --hsz-btn-warning:#b45309;
  --hsz-btn-warning-hover:#92400e;
  --hsz-btn-focus:rgba(37,99,235,.22);
  --hsz-btn-shadow:0 2px 5px rgba(15,23,42,.08);
  --hsz-btn-shadow-hover:0 5px 12px rgba(15,23,42,.12);
}
.hsz-btn,
.primary-btn,
.outline-btn,
.ghost-btn,
.danger-btn,
.danger-primary-btn,
button.hsz-attachment-view{
  box-sizing:border-box!important;
  width:auto;
  min-width:0;
  height:var(--hsz-btn-height)!important;
  min-height:var(--hsz-btn-height)!important;
  max-height:var(--hsz-btn-height)!important;
  padding:0 var(--hsz-btn-padding-x)!important;
  border:1px solid transparent!important;
  border-radius:var(--hsz-btn-radius)!important;
  font-family:var(--hsz-btn-font-family)!important;
  font-size:var(--hsz-btn-font-size)!important;
  font-weight:var(--hsz-btn-font-weight)!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--hsz-btn-gap)!important;
  cursor:pointer;
  user-select:none;
  vertical-align:middle;
  box-shadow:var(--hsz-btn-shadow)!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease!important;
}
.hsz-btn--primary,
.primary-btn{
  background:var(--hsz-btn-primary)!important;
  border-color:var(--hsz-btn-primary)!important;
  color:var(--hsz-btn-primary-text)!important;
}
.hsz-btn--primary:hover,
.primary-btn:hover{
  background:var(--hsz-btn-primary-hover)!important;
  border-color:var(--hsz-btn-primary-hover)!important;
  color:#fff!important;
  opacity:1!important;
  box-shadow:0 5px 12px rgba(11,99,246,.22)!important;
  transform:translateY(-1px)!important;
}
.hsz-btn--secondary,
.outline-btn{
  background:var(--hsz-btn-secondary-bg)!important;
  border-color:var(--hsz-btn-secondary-border)!important;
  color:var(--hsz-btn-secondary-text)!important;
}
.hsz-btn--secondary:hover,
.outline-btn:hover{
  background:var(--hsz-btn-secondary-hover-bg)!important;
  border-color:var(--hsz-btn-secondary-hover-border)!important;
  color:var(--hsz-btn-primary)!important;
  box-shadow:var(--hsz-btn-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
.hsz-btn--ghost,
.ghost-btn{
  background:var(--hsz-btn-ghost-bg)!important;
  border-color:#e0e8f2!important;
  color:#294766!important;
}
.hsz-btn--ghost:hover,
.ghost-btn:hover{
  background:var(--hsz-btn-ghost-hover)!important;
  border-color:#c7d9f1!important;
  color:var(--hsz-btn-primary)!important;
  box-shadow:var(--hsz-btn-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
.hsz-btn--danger,
.danger-btn{
  background:var(--hsz-btn-danger-soft)!important;
  border-color:var(--hsz-btn-danger-border)!important;
  color:var(--hsz-btn-danger)!important;
}
.hsz-btn--danger:hover,
.danger-btn:hover{
  background:#fee7e7!important;
  border-color:#e99595!important;
  color:var(--hsz-btn-danger-hover)!important;
  box-shadow:0 5px 12px rgba(198,40,40,.13)!important;
  transform:translateY(-1px)!important;
}
.hsz-btn--danger-solid,
.danger-primary-btn{
  background:var(--hsz-btn-danger)!important;
  border-color:var(--hsz-btn-danger)!important;
  color:#fff!important;
}
.hsz-btn--danger-solid:hover,
.danger-primary-btn:hover{
  background:var(--hsz-btn-danger-hover)!important;
  border-color:var(--hsz-btn-danger-hover)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(198,40,40,.22)!important;
  transform:translateY(-1px)!important;
}
.hsz-btn--success{
  background:var(--hsz-btn-success)!important;
  border-color:var(--hsz-btn-success)!important;
  color:#fff!important;
}
.hsz-btn--success:hover{
  background:var(--hsz-btn-success-hover)!important;
  border-color:var(--hsz-btn-success-hover)!important;
}
.hsz-btn--warning{
  background:var(--hsz-btn-warning)!important;
  border-color:var(--hsz-btn-warning)!important;
  color:#fff!important;
}
.hsz-btn--warning:hover{
  background:var(--hsz-btn-warning-hover)!important;
  border-color:var(--hsz-btn-warning-hover)!important;
}
.hsz-btn--sm,
.small-btn,
.table-actions .primary-btn,
.table-actions .outline-btn,
.table-actions .ghost-btn,
.table-actions .danger-btn,
.hsz-attachment-actions .outline-btn,
.hsz-attachment-actions .danger-btn{
  height:var(--hsz-btn-height-sm)!important;
  min-height:var(--hsz-btn-height-sm)!important;
  max-height:var(--hsz-btn-height-sm)!important;
  padding:0 var(--hsz-btn-padding-x-sm)!important;
  border-radius:var(--hsz-btn-radius-sm)!important;
  font-size:var(--hsz-btn-font-size-sm)!important;
  gap:5px!important;
}
.hsz-btn--lg{
  height:var(--hsz-btn-height-lg)!important;
  min-height:var(--hsz-btn-height-lg)!important;
  max-height:var(--hsz-btn-height-lg)!important;
  padding:0 18px!important;
  font-size:14px!important;
}
.hsz-btn--icon,
.topbar .notification-bell{
  width:var(--hsz-btn-icon-size)!important;
  min-width:var(--hsz-btn-icon-size)!important;
  max-width:var(--hsz-btn-icon-size)!important;
  height:var(--hsz-btn-icon-size)!important;
  min-height:var(--hsz-btn-icon-size)!important;
  max-height:var(--hsz-btn-icon-size)!important;
  padding:0!important;
  border-radius:var(--hsz-btn-radius)!important;
}
.section-actions .primary-btn,
.section-actions .outline-btn,
.section-actions .ghost-btn,
.section-actions .danger-btn,
.filters-bar .primary-btn,
.filters-bar .outline-btn,
.filters-bar .ghost-btn,
.filters-bar .danger-btn,
.financial-actions-row .primary-btn,
.financial-actions-row .outline-btn,
.financial-actions-row .ghost-btn,
.financial-actions-row .danger-btn,
.modal-inline-actions .primary-btn,
.modal-inline-actions .outline-btn,
.modal-inline-actions .ghost-btn,
.modal-inline-actions .danger-btn{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 12px!important;
  font-size:12.5px!important;
}
.modal-actions .primary-btn,
.modal-actions .outline-btn,
.modal-actions .ghost-btn,
.modal-actions .danger-btn,
.modal-actions .danger-primary-btn{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  min-width:78px!important;
  padding:0 15px!important;
  flex:0 0 auto!important;
}
.primary-btn.full,
.outline-btn.full,
.ghost-btn.full,
.danger-btn.full{
  width:auto!important;
}
.login-submit-btn.primary-btn.full{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin-top:12px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
.login-secondary-btn{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  font-size:12.5px!important;
}
.trial-resend-btn.outline-btn.full{
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
}
.invoice-items-footer .outline-btn,
.invoice-items-footer .primary-btn{
  min-width:0!important;
  width:auto!important;
}
.wastage-item-row .danger-btn,
.wastage-row-actions .danger-btn,
.wastage-add-row-actions .outline-btn{
  width:auto!important;
  margin-top:8px!important;
}
.hsz-operation-action-btn[aria-pressed="true"]{
  background:var(--hsz-btn-primary)!important;
  border-color:var(--hsz-btn-primary)!important;
  color:#fff!important;
}
.hsz-btn:focus-visible,
.primary-btn:focus-visible,
.outline-btn:focus-visible,
.ghost-btn:focus-visible,
.danger-btn:focus-visible,
.danger-primary-btn:focus-visible,
button.hsz-attachment-view:focus-visible{
  outline:2px solid rgba(37,99,235,.34)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 3px var(--hsz-btn-focus)!important;
}
.hsz-btn:active:not(:disabled),
.primary-btn:active:not(:disabled),
.outline-btn:active:not(:disabled),
.ghost-btn:active:not(:disabled),
.danger-btn:active:not(:disabled),
.danger-primary-btn:active:not(:disabled){
  transform:translateY(0)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.1)!important;
}
.hsz-btn:disabled,
.primary-btn:disabled,
.outline-btn:disabled,
.ghost-btn:disabled,
.danger-btn:disabled,
.danger-primary-btn:disabled,
button.hsz-attachment-view:disabled{
  opacity:.52!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
.hsz-btn-group,
.section-actions,
.table-actions,
.modal-actions,
.modal-inline-actions,
.financial-actions-row,
.hsz-attachment-actions{
  align-items:center;
}
@media(max-width:760px){
  .hsz-btn,
  .primary-btn,
  .outline-btn,
  .ghost-btn,
  .danger-btn,
  .danger-primary-btn,
  button.hsz-attachment-view{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 13px!important;
  }
  .small-btn,
  .table-actions .primary-btn,
  .table-actions .outline-btn,
  .table-actions .ghost-btn,
  .table-actions .danger-btn{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 10px!important;
  }
  .modal-actions .primary-btn,
  .modal-actions .outline-btn,
  .modal-actions .ghost-btn,
  .modal-actions .danger-btn,
  .modal-actions .danger-primary-btn{
    flex:0 1 auto!important;
    min-width:84px!important;
  }
  .login-submit-btn.primary-btn.full{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  .login-secondary-actions{
    gap:8px!important;
  }
}