@charset "UTF-8";
/*
 * AZZAM GLOBAL BUTTON SYSTEM — V106
 * Unified button palette for admin, owner and public layouts.
 * Primary: gold. Secondary: ivory -> charcoal/gold on hover.
 * Danger actions stay clearly red. Utility/view actions use charcoal + gold.
 */
:root{
  --az-btn-gold:#d6a92f;
  --az-btn-gold-hover:#e7bf50;
  --az-btn-gold-active:#c69722;
  --az-btn-gold-border:#b98a18;
  --az-btn-charcoal:#17130e;
  --az-btn-charcoal-2:#241d14;
  --az-btn-ivory:#fffdfa;
  --az-btn-ivory-hover:#fff7df;
  --az-btn-text:#17130e;
  --az-btn-danger:#c94b43;
  --az-btn-danger-hover:#b53c35;
  --az-btn-danger-bg:#fff3f1;
  --az-btn-danger-border:#e8b1ac;
  --az-btn-shadow:0 8px 18px rgba(214,169,47,.22);
  --az-btn-shadow-hover:0 11px 24px rgba(214,169,47,.30);
}

/* Common interaction — do not alter compact icon sizing/layout. */
body .btn,
body [class*="az-btn"],
body [class*="action-btn"],
body [class*="inline-btn"],
body [class*="modal-btn"]{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

/* =========================================================
   PRIMARY ACTIONS: save / add / update / submit / send
   ========================================================= */
body .page-body .btn-primary,
body .page-body .btn-success,
body .page-body button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light),
body .page-body input[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light),
body .modal button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light),
body main button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light),
body .az-btn-primary,
body .azzam-btn-primary,
body .submit-btn,
body .save-btn,
body .update-btn,
body .add-btn,
body [class*="btn-save"],
body [class*="save-btn"],
body [class*="btn-update"],
body [class*="update-btn"],
body [class*="btn-add"],
body [class*="add-btn"],
body [class*="btn-submit"],
body [class*="submit-btn"],
body .az-modal-send,
body .az-whatsapp-send,
body .az-reminder-send,
body .az-delete-confirm:not(.danger):not(.az-danger){
  background:var(--az-btn-gold)!important;
  background-image:none!important;
  border-color:var(--az-btn-gold-border)!important;
  color:var(--az-btn-text)!important;
  -webkit-text-fill-color:var(--az-btn-text)!important;
  box-shadow:var(--az-btn-shadow)!important;
}
body .page-body .btn-primary:hover,
body .page-body .btn-primary:focus,
body .page-body .btn-success:hover,
body .page-body .btn-success:focus,
body .page-body button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light):hover,
body .page-body button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light):focus,
body .modal button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light):hover,
body main button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light):hover,
body .az-btn-primary:hover,body .az-btn-primary:focus,
body .azzam-btn-primary:hover,body .azzam-btn-primary:focus,
body .submit-btn:hover,body .submit-btn:focus,
body .save-btn:hover,body .save-btn:focus,
body .update-btn:hover,body .update-btn:focus,
body .add-btn:hover,body .add-btn:focus,
body [class*="btn-save"]:hover,body [class*="save-btn"]:hover,
body [class*="btn-update"]:hover,body [class*="update-btn"]:hover,
body [class*="btn-add"]:hover,body [class*="add-btn"]:hover,
body [class*="btn-submit"]:hover,body [class*="submit-btn"]:hover,
body .az-modal-send:hover,body .az-whatsapp-send:hover,body .az-reminder-send:hover{
  background:var(--az-btn-gold-hover)!important;
  background-image:none!important;
  border-color:#a87b12!important;
  color:var(--az-btn-text)!important;
  -webkit-text-fill-color:var(--az-btn-text)!important;
  box-shadow:var(--az-btn-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
body .page-body .btn-primary:active,
body .page-body .btn-success:active,
body .page-body button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light):active,
body .az-btn-primary:active,
body .submit-btn:active,
body .save-btn:active,
body .update-btn:active,
body .add-btn:active{
  background:var(--az-btn-gold-active)!important;
  border-color:#9f7410!important;
  color:var(--az-btn-text)!important;
  -webkit-text-fill-color:var(--az-btn-text)!important;
  transform:translateY(0)!important;
}

/* Keep icon/text legible inside primary actions. */
body .page-body .btn-primary *,body .page-body .btn-success *,
body .page-body button[type="submit"]:not(.btn-danger):not(.btn-secondary):not(.btn-light) *,
body .az-btn-primary *,body .submit-btn *,body .save-btn *,body .update-btn *,body .add-btn *,
body [class*="btn-save"] *,body [class*="save-btn"] *,body [class*="btn-update"] *,body [class*="update-btn"] *,body [class*="btn-add"] *,body [class*="add-btn"] *{
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  -webkit-text-fill-color:currentColor!important;
}

/* =========================================================
   SECONDARY ACTIONS: cancel / close / back / return
   ========================================================= */
body .page-body .btn-light,
body .page-body .btn-secondary,
body .az-btn-secondary,
body .az-btn-light,
body [class*="btn-cancel"],body [class*="cancel-btn"],
body [class*="btn-close-action"],body [class*="close-btn"],
body [class*="btn-back"],body [class*="back-btn"],
body [class*="btn-return"],body [class*="return-btn"],
body .az-modal-cancel,
body .az-whatsapp-cancel,
body .az-reminder-cancel,
body .az-reminder-reset{
  background:var(--az-btn-ivory)!important;
  background-image:none!important;
  border-color:rgba(214,169,47,.68)!important;
  color:#2b2317!important;
  -webkit-text-fill-color:#2b2317!important;
  box-shadow:0 5px 13px rgba(45,32,10,.06)!important;
}
body .page-body .btn-light:hover,body .page-body .btn-light:focus,
body .page-body .btn-secondary:hover,body .page-body .btn-secondary:focus,
body .az-btn-secondary:hover,body .az-btn-secondary:focus,
body .az-btn-light:hover,body .az-btn-light:focus,
body [class*="btn-cancel"]:hover,body [class*="cancel-btn"]:hover,
body [class*="btn-close-action"]:hover,body [class*="close-btn"]:hover,
body [class*="btn-back"]:hover,body [class*="back-btn"]:hover,
body [class*="btn-return"]:hover,body [class*="return-btn"]:hover,
body .az-modal-cancel:hover,body .az-whatsapp-cancel:hover,body .az-reminder-cancel:hover,body .az-reminder-reset:hover{
  background:var(--az-btn-charcoal)!important;
  background-image:none!important;
  border-color:var(--az-btn-gold)!important;
  color:var(--az-btn-gold-hover)!important;
  -webkit-text-fill-color:var(--az-btn-gold-hover)!important;
  box-shadow:0 9px 20px rgba(23,19,14,.17)!important;
  transform:translateY(-1px)!important;
}

/* =========================================================
   EDIT ACTIONS: always gold; table icon/text buttons included
   ========================================================= */
body .page-body .btn-warning,
body [class*="btn-edit"],body [class*="edit-btn"],
body .az-edit,body .editbtn,body .editbtn2{
  background:var(--az-btn-gold)!important;
  background-image:none!important;
  border-color:var(--az-btn-gold-border)!important;
  color:var(--az-btn-text)!important;
  -webkit-text-fill-color:var(--az-btn-text)!important;
}
body .page-body .btn-warning:hover,
body [class*="btn-edit"]:hover,body [class*="edit-btn"]:hover,
body .az-edit:hover,body .editbtn:hover,body .editbtn2:hover{
  background:var(--az-btn-gold-hover)!important;
  border-color:#a87b12!important;
  color:var(--az-btn-text)!important;
  -webkit-text-fill-color:var(--az-btn-text)!important;
}

/* =========================================================
   DANGER / DELETE: preserve clear destructive semantics
   ========================================================= */
body .page-body .btn-danger,
body [class*="btn-delete"],body [class*="delete-btn"],
body [class*="btn-remove"],body [class*="remove-btn"],
body .az-delete,body .delete,
body .az-delete-confirm.danger,body .az-danger{
  background:var(--az-btn-danger-bg)!important;
  background-image:none!important;
  border-color:var(--az-btn-danger-border)!important;
  color:var(--az-btn-danger)!important;
  -webkit-text-fill-color:var(--az-btn-danger)!important;
  box-shadow:none!important;
}
body .page-body .btn-danger:hover,
body [class*="btn-delete"]:hover,body [class*="delete-btn"]:hover,
body [class*="btn-remove"]:hover,body [class*="remove-btn"]:hover,
body .az-delete:hover,body .delete:hover,
body .az-delete-confirm.danger:hover,body .az-danger:hover{
  background:var(--az-btn-danger)!important;
  border-color:var(--az-btn-danger-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 18px rgba(201,75,67,.20)!important;
}

/* =========================================================
   VIEW / PRINT / DOWNLOAD / OPEN utility actions
   ========================================================= */
body [class*="btn-view"],body [class*="view-btn"],
body [class*="btn-open"],body [class*="open-btn"],
body [class*="btn-print"],body [class*="print-btn"],
body [class*="btn-download"],body [class*="download-btn"],
body .az-view,body .az-download{
  background:var(--az-btn-charcoal)!important;
  background-image:none!important;
  border-color:rgba(214,169,47,.70)!important;
  color:var(--az-btn-gold-hover)!important;
  -webkit-text-fill-color:var(--az-btn-gold-hover)!important;
}
body [class*="btn-view"]:hover,body [class*="view-btn"]:hover,
body [class*="btn-open"]:hover,body [class*="open-btn"]:hover,
body [class*="btn-print"]:hover,body [class*="print-btn"]:hover,
body [class*="btn-download"]:hover,body [class*="download-btn"]:hover,
body .az-view:hover,body .az-download:hover{
  background:var(--az-btn-charcoal-2)!important;
  border-color:var(--az-btn-gold-hover)!important;
  color:#ffe184!important;
  -webkit-text-fill-color:#ffe184!important;
  box-shadow:0 8px 18px rgba(23,19,14,.18)!important;
}

/* SVG/font icons inherit button color in every state. */
body .btn svg,body [class*="az-btn"] svg,body [class*="action-btn"] svg,
body .btn i,body [class*="az-btn"] i,body [class*="action-btn"] i{
  color:inherit!important;
}
body .btn svg *,body [class*="az-btn"] svg *,body [class*="action-btn"] svg *{
  stroke:currentColor!important;
}

/* Do not recolor native close icon buttons or header/sidebar navigation controls. */
body .btn-close,
body .page-main-header button,
body .page-main-header a,
body .sidebar-wrapper button,
body .sidebar-wrapper a,
body .main-nav button,
body .main-nav a{
  box-shadow:initial;
}

/* Accessible focus ring for site actions. */
body .page-body .btn:focus-visible,
body .modal .btn:focus-visible,
body [class*="az-btn"]:focus-visible,
body [class*="action-btn"]:focus-visible{
  outline:3px solid rgba(231,191,80,.34)!important;
  outline-offset:2px!important;
}

/* Disabled actions remain readable, never disappear. */
body .btn:disabled,body .btn.disabled,
body [class*="az-btn"]:disabled,body [class*="az-btn"].disabled{
  opacity:.56!important;
  filter:saturate(.65)!important;
  transform:none!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}

/* =========================================================
   V104 — UNIFIED TABLE ACTION BUTTONS
   Match the compact action controls used on the Stallions list:
   rounded icon buttons, clear gold utility/edit actions and soft-red delete.
   This block is deliberately scoped to table cells/action groups only.
   ========================================================= */
:root{
  --az-table-action-size:40px;
  --az-table-action-radius:11px;
  --az-table-action-gold:#e0ad2f;
  --az-table-action-gold-hover:#edc754;
  --az-table-action-gold-border:#bd8e1d;
  --az-table-action-gold-soft:#fff4cf;
  --az-table-action-danger:#c93e45;
  --az-table-action-danger-hover:#b92f37;
  --az-table-action-danger-soft:#fff3f3;
  --az-table-action-danger-border:#efb7ba;
  --az-table-action-ink:#21190e;
  --az-table-action-line:#dec27b;
}

/* Keep every action group compact, centered and evenly spaced. */
body .page-body table .order-actions,
body .page-body table .az-actions,
body .page-body table .action-buttons,
body .page-body table .table-actions,
body .page-body table .actions,
body .page-body .dataTable .order-actions,
body .page-body .dataTable .az-actions,
body .page-body .dataTable .action-buttons,
body .page-body .dataTable .table-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  margin:0!important;
}

/* Base: same square / softly rounded proportions as the Stallions table. */
body .page-body table td .az-action-btn,
body .page-body table td .az-action,
body .page-body table td .action-btn,
body .page-body table td .action-mini,
body .page-body table td .editbtn,
body .page-body table td .editbtn2,
body .page-body table td .deletebtn,
body .page-body table td .viewbtn,
body .page-body table td .downloadbtn,
body .page-body .dataTable td .az-action-btn,
body .page-body .dataTable td .az-action,
body .page-body .dataTable td .action-btn,
body .page-body table td .order-actions > a,
body .page-body table td .order-actions > button,
body .page-body table td .order-actions > form > button,
body .page-body table td .az-actions > a,
body .page-body table td .az-actions > button,
body .page-body table td .az-actions > form > button,
body .page-body table td .action-buttons > a,
body .page-body table td .action-buttons > button,
body .page-body table td .action-buttons > form > button,
body .page-body table td .table-actions > a,
body .page-body table td .table-actions > button,
body .page-body table td .table-actions > form > button{
  width:var(--az-table-action-size)!important;
  min-width:var(--az-table-action-size)!important;
  max-width:var(--az-table-action-size)!important;
  height:var(--az-table-action-size)!important;
  min-height:var(--az-table-action-size)!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--az-table-action-line)!important;
  border-radius:var(--az-table-action-radius)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  text-decoration:none!important;
  line-height:1!important;
  font-size:0!important; /* icon-only like Stallions; title/aria-label remains accessible */
  color:var(--az-table-action-ink)!important;
  -webkit-text-fill-color:var(--az-table-action-ink)!important;
  background:linear-gradient(180deg,#fffdf7 0%,#f8edcf 100%)!important;
  background-image:linear-gradient(180deg,#fffdf7 0%,#f8edcf 100%)!important;
  box-shadow:0 3px 8px rgba(57,40,9,.08)!important;
  overflow:hidden!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease!important;
}

body .page-body table td .az-action-btn:hover,
body .page-body table td .az-action:hover,
body .page-body table td .action-btn:hover,
body .page-body table td .action-mini:hover,
body .page-body table td .editbtn:hover,
body .page-body table td .editbtn2:hover,
body .page-body table td .order-actions > a:hover,
body .page-body table td .order-actions > button:hover,
body .page-body table td .order-actions > form > button:hover,
body .page-body table td .az-actions > a:hover,
body .page-body table td .az-actions > button:hover,
body .page-body table td .az-actions > form > button:hover,
body .page-body table td .action-buttons > a:hover,
body .page-body table td .action-buttons > button:hover,
body .page-body table td .action-buttons > form > button:hover,
body .page-body table td .table-actions > a:hover,
body .page-body table td .table-actions > button:hover,
body .page-body table td .table-actions > form > button:hover{
  transform:translateY(-1px)!important;
  border-color:var(--az-table-action-gold-border)!important;
  background:var(--az-table-action-gold-hover)!important;
  background-image:none!important;
  color:var(--az-table-action-ink)!important;
  -webkit-text-fill-color:var(--az-table-action-ink)!important;
  box-shadow:0 7px 14px rgba(214,169,47,.22)!important;
}

/* View / open / invoice / folder / download: solid-gold Stallions-style utility button. */
body .page-body table td .az-btn-download,
body .page-body table td .az-action-invoice,
body .page-body table td .az-action-view,
body .page-body table td .az-btn-view,
body .page-body table td [class*="btn-view"],
body .page-body table td [class*="view-btn"],
body .page-body table td [class*="btn-open"],
body .page-body table td [class*="open-btn"],
body .page-body table td [class*="btn-download"],
body .page-body table td [class*="download-btn"],
body .page-body table td [class*="btn-file"],
body .page-body table td [class*="file-btn"],
body .page-body table td a[title*="عرض"],
body .page-body table td a[title*="فتح"],
body .page-body table td a[title*="تحميل"],
body .page-body table td button[title*="عرض"],
body .page-body table td button[title*="فتح"],
body .page-body table td button[title*="تحميل"]{
  background:linear-gradient(180deg,#edc953 0%,var(--az-table-action-gold) 100%)!important;
  background-image:linear-gradient(180deg,#edc953 0%,var(--az-table-action-gold) 100%)!important;
  border-color:var(--az-table-action-gold-border)!important;
  color:#17120b!important;
  -webkit-text-fill-color:#17120b!important;
}

/* Edit: warm ivory-gold, matching the same family but visually distinct from open/view. */
body .page-body table td .az-btn-edit,
body .page-body table td .az-action-edit,
body .page-body table td .az-edit,
body .page-body table td .editbtn,
body .page-body table td .editbtn2,
body .page-body table td [class*="btn-edit"],
body .page-body table td [class*="edit-btn"],
body .page-body table td a[title*="تعديل"],
body .page-body table td button[title*="تعديل"],
body .page-body table td a[aria-label*="تعديل"],
body .page-body table td button[aria-label*="تعديل"]{
  background:linear-gradient(180deg,#fff9df 0%,#f5dda0 100%)!important;
  background-image:linear-gradient(180deg,#fff9df 0%,#f5dda0 100%)!important;
  border-color:#d1a539!important;
  color:#2a200f!important;
  -webkit-text-fill-color:#2a200f!important;
}

/* Delete/remove: pale red at rest, strong red on hover — exactly like Stallions semantics. */
body .page-body table td .az-btn-delete,
body .page-body table td .az-action-delete,
body .page-body table td .az-delete,
body .page-body table td [class*="btn-delete"],
body .page-body table td [class*="delete-btn"],
body .page-body table td [class*="btn-remove"],
body .page-body table td [class*="remove-btn"],
body .page-body table td a[title*="حذف"],
body .page-body table td button[title*="حذف"],
body .page-body table td a[aria-label*="حذف"],
body .page-body table td button[aria-label*="حذف"]{
  background:var(--az-table-action-danger-soft)!important;
  background-image:none!important;
  border-color:var(--az-table-action-danger-border)!important;
  color:var(--az-table-action-danger)!important;
  -webkit-text-fill-color:var(--az-table-action-danger)!important;
  box-shadow:none!important;
}
body .page-body table td .az-btn-delete:hover,
body .page-body table td .az-action-delete:hover,
body .page-body table td .az-delete:hover,
body .page-body table td [class*="btn-delete"]:hover,
body .page-body table td [class*="delete-btn"]:hover,
body .page-body table td [class*="btn-remove"]:hover,
body .page-body table td [class*="remove-btn"]:hover,
body .page-body table td a[title*="حذف"]:hover,
body .page-body table td button[title*="حذف"]:hover,
body .page-body table td a[aria-label*="حذف"]:hover,
body .page-body table td button[aria-label*="حذف"]:hover{
  background:var(--az-table-action-danger)!important;
  border-color:var(--az-table-action-danger-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 14px rgba(201,62,69,.20)!important;
}

/* Exit/status actions use a neutral ivory button to avoid looking destructive. */
body .page-body table td .az-btn-exit,
body .page-body table td [class*="btn-exit"],
body .page-body table td [class*="exit-btn"]{
  background:#fffdf8!important;
  border-color:#d9c58f!important;
  color:#4b3a18!important;
  -webkit-text-fill-color:#4b3a18!important;
}

/* Icons: consistent visual weight regardless of FontAwesome / Icofont / inline SVG. */
body .page-body table td .az-action-btn svg,
body .page-body table td .az-action svg,
body .page-body table td .action-btn svg,
body .page-body table td .action-mini svg,
body .page-body table td .order-actions svg,
body .page-body table td .az-actions svg,
body .page-body table td .action-buttons svg,
body .page-body table td .table-actions svg{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
body .page-body table td .az-action-btn i,
body .page-body table td .az-action i,
body .page-body table td .action-btn i,
body .page-body table td .action-mini i,
body .page-body table td .order-actions i,
body .page-body table td .az-actions i,
body .page-body table td .action-buttons i,
body .page-body table td .table-actions i{
  font-size:18px!important;
  line-height:1!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  pointer-events:none!important;
}

/* Existing fallback/CSS icons should not be distorted. */
body .page-body table td .az-fallback-icon{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transform:none!important;
}

/* Native Bootstrap small action buttons inside table cells get the same proportions,
   but only when they are clearly semantic action buttons. */
body .page-body table td .btn-sm.btn-warning,
body .page-body table td .btn-sm.btn-danger,
body .page-body table td .btn-sm.btn-info,
body .page-body table td .btn-sm.btn-outline-warning,
body .page-body table td .btn-sm.btn-outline-danger,
body .page-body table td .btn-sm.btn-outline-primary{
  width:var(--az-table-action-size)!important;
  min-width:var(--az-table-action-size)!important;
  height:var(--az-table-action-size)!important;
  padding:0!important;
  border-radius:var(--az-table-action-radius)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}

/* Keep forms around delete buttons from adding size/gaps. */
body .page-body table td .order-actions form,
body .page-body table td .az-actions form,
body .page-body table td .action-buttons form,
body .page-body table td .table-actions form,
body .page-body table td form.social-inline-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}

/* Tablet/mobile: same visual system, just slightly smaller. */
@media (max-width:767.98px){
  :root{
    --az-table-action-size:36px;
    --az-table-action-radius:10px;
  }
  body .page-body table td .az-action-btn svg,
  body .page-body table td .az-action svg,
  body .page-body table td .action-btn svg,
  body .page-body table td .action-mini svg,
  body .page-body table td .order-actions svg,
  body .page-body table td .az-actions svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
  }
  body .page-body table td .az-action-btn i,
  body .page-body table td .az-action i,
  body .page-body table td .action-btn i,
  body .page-body table td .action-mini i{
    font-size:16px!important;
  }
}

/* =========================================================
   V105 — EXACT STALLIONS TABLE ACTION PALETTE
   Goal: every table action follows the same visual language as
   the Stallions list: gold action buttons + soft-red delete.
   ========================================================= */
:root{
  --az-st-action-size:38px;
  --az-st-action-radius:10px;
  --az-st-action-gold-top:#f4d36d;
  --az-st-action-gold-bottom:#dca526;
  --az-st-action-gold-border:#a87914;
  --az-st-action-dark:#201912;
  --az-st-action-dark-border:#d7aa2d;
  --az-st-action-dark-text:#ffe991;
  --az-st-delete-bg:#fff3f3;
  --az-st-delete-border:#e8a6ad;
  --az-st-delete-text:#bd2334;
  --az-st-delete-hover:#c92d3d;
  --az-st-delete-hover-border:#a51c2b;
}

/* Shared geometry for semantic actions in table cells. */
body .page-body table td .az-action-link,
body .page-body table td .az-action-btn,
body .page-body table td .az-action,
body .page-body table td .action-btn,
body .page-body table td .action-mini,
body .page-body table td .az-btn-view,
body .page-body table td .az-btn-edit,
body .page-body table td .az-btn-download,
body .page-body table td .az-btn-file,
body .page-body table td .az-edit-btn,
body .page-body table td .az-download-btn,
body .page-body table td .az-file-btn,
body .page-body table td .editbtn,
body .page-body table td .editbtn2,
body .page-body table td .viewbtn,
body .page-body table td .downloadbtn,
body .page-body table td .btn-sm.btn-warning,
body .page-body table td .btn-sm.btn-info,
body .page-body table td .btn-sm.btn-primary,
body .page-body table td .btn-sm.btn-outline-warning,
body .page-body table td .btn-sm.btn-outline-primary,
body .page-body table td a[title*="عرض"],
body .page-body table td a[title*="فتح"],
body .page-body table td a[title*="تفاصيل"],
body .page-body table td a[title*="تعديل"],
body .page-body table td a[title*="تحميل"],
body .page-body table td a[title*="فاتورة"],
body .page-body table td button[title*="عرض"],
body .page-body table td button[title*="فتح"],
body .page-body table td button[title*="تفاصيل"],
body .page-body table td button[title*="تعديل"],
body .page-body table td button[title*="تحميل"],
body .page-body table td button[title*="فاتورة"],
body .page-body table td a[aria-label*="عرض"],
body .page-body table td a[aria-label*="فتح"],
body .page-body table td a[aria-label*="تفاصيل"],
body .page-body table td a[aria-label*="تعديل"],
body .page-body table td a[aria-label*="تحميل"],
body .page-body table td button[aria-label*="عرض"],
body .page-body table td button[aria-label*="فتح"],
body .page-body table td button[aria-label*="تفاصيل"],
body .page-body table td button[aria-label*="تعديل"],
body .page-body table td button[aria-label*="تحميل"],
body .page-body table td a[href*="/view/"],
body .page-body table td a[href*="/details/"],
body .page-body table td a[href*="/edit/"],
body .page-body table td a[href*="invoice"]{
  width:var(--az-st-action-size)!important;
  min-width:var(--az-st-action-size)!important;
  max-width:var(--az-st-action-size)!important;
  height:var(--az-st-action-size)!important;
  min-height:var(--az-st-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 var(--az-st-action-size)!important;
  border-radius:var(--az-st-action-radius)!important;
  border:1px solid var(--az-st-action-gold-border)!important;
  background:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  background-image:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
  text-decoration:none!important;
  line-height:1!important;
  font-size:0!important;
  box-shadow:0 3px 8px rgba(93,63,4,.10)!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

/* Exact Stallions hover for all non-destructive table actions. */
body .page-body table td .az-action-link:hover,
body .page-body table td .az-action-link:focus-visible,
body .page-body table td .az-action-btn:hover,
body .page-body table td .az-action-btn:focus-visible,
body .page-body table td .az-action:hover,
body .page-body table td .az-action:focus-visible,
body .page-body table td .action-btn:hover,
body .page-body table td .action-btn:focus-visible,
body .page-body table td .action-mini:hover,
body .page-body table td .action-mini:focus-visible,
body .page-body table td .az-btn-view:hover,
body .page-body table td .az-btn-edit:hover,
body .page-body table td .az-btn-download:hover,
body .page-body table td .az-edit-btn:hover,
body .page-body table td .az-download-btn:hover,
body .page-body table td .editbtn:hover,
body .page-body table td .editbtn2:hover,
body .page-body table td .viewbtn:hover,
body .page-body table td .downloadbtn:hover,
body .page-body table td .btn-sm.btn-warning:hover,
body .page-body table td .btn-sm.btn-info:hover,
body .page-body table td .btn-sm.btn-primary:hover,
body .page-body table td .btn-sm.btn-outline-warning:hover,
body .page-body table td .btn-sm.btn-outline-primary:hover,
body .page-body table td a[title*="عرض"]:hover,
body .page-body table td a[title*="فتح"]:hover,
body .page-body table td a[title*="تفاصيل"]:hover,
body .page-body table td a[title*="تعديل"]:hover,
body .page-body table td a[title*="تحميل"]:hover,
body .page-body table td a[title*="فاتورة"]:hover,
body .page-body table td button[title*="عرض"]:hover,
body .page-body table td button[title*="فتح"]:hover,
body .page-body table td button[title*="تفاصيل"]:hover,
body .page-body table td button[title*="تعديل"]:hover,
body .page-body table td button[title*="تحميل"]:hover,
body .page-body table td a[href*="/view/"]:hover,
body .page-body table td a[href*="/details/"]:hover,
body .page-body table td a[href*="/edit/"]:hover,
body .page-body table td a[href*="invoice"]:hover{
  background:var(--az-st-action-dark)!important;
  background-image:none!important;
  border-color:var(--az-st-action-dark-border)!important;
  color:var(--az-st-action-dark-text)!important;
  -webkit-text-fill-color:var(--az-st-action-dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 16px rgba(35,24,7,.18)!important;
}

/* Destructive action: exact soft-red Stallions look. */
body .page-body table td .az-delete-btn,
body .page-body table td .az-btn-delete,
body .page-body table td .az-action-delete,
body .page-body table td .az-delete,
body .page-body table td .deletebtn,
body .page-body table td .btn-sm.btn-danger,
body .page-body table td .btn-sm.btn-outline-danger,
body .page-body table td [class*="btn-delete"],
body .page-body table td [class*="delete-btn"],
body .page-body table td [class*="btn-remove"],
body .page-body table td [class*="remove-btn"],
body .page-body table td a[title*="حذف"],
body .page-body table td button[title*="حذف"],
body .page-body table td a[aria-label*="حذف"],
body .page-body table td button[aria-label*="حذف"],
body .page-body table td a[href*="/delete/"],
body .page-body table td a[href*="/remove/"]{
  width:var(--az-st-action-size)!important;
  min-width:var(--az-st-action-size)!important;
  max-width:var(--az-st-action-size)!important;
  height:var(--az-st-action-size)!important;
  min-height:var(--az-st-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 var(--az-st-action-size)!important;
  border-radius:var(--az-st-action-radius)!important;
  border:1px solid var(--az-st-delete-border)!important;
  background:var(--az-st-delete-bg)!important;
  background-image:none!important;
  color:var(--az-st-delete-text)!important;
  -webkit-text-fill-color:var(--az-st-delete-text)!important;
  text-decoration:none!important;
  line-height:1!important;
  font-size:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

body .page-body table td .az-delete-btn:hover,
body .page-body table td .az-delete-btn:focus-visible,
body .page-body table td .az-btn-delete:hover,
body .page-body table td .az-btn-delete:focus-visible,
body .page-body table td .az-action-delete:hover,
body .page-body table td .az-action-delete:focus-visible,
body .page-body table td .az-delete:hover,
body .page-body table td .az-delete:focus-visible,
body .page-body table td .deletebtn:hover,
body .page-body table td .btn-sm.btn-danger:hover,
body .page-body table td .btn-sm.btn-outline-danger:hover,
body .page-body table td [class*="btn-delete"]:hover,
body .page-body table td [class*="delete-btn"]:hover,
body .page-body table td [class*="btn-remove"]:hover,
body .page-body table td [class*="remove-btn"]:hover,
body .page-body table td a[title*="حذف"]:hover,
body .page-body table td button[title*="حذف"]:hover,
body .page-body table td a[aria-label*="حذف"]:hover,
body .page-body table td button[aria-label*="حذف"]:hover,
body .page-body table td a[href*="/delete/"]:hover,
body .page-body table td a[href*="/remove/"]:hover{
  background:var(--az-st-delete-hover)!important;
  background-image:none!important;
  border-color:var(--az-st-delete-hover-border)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 16px rgba(156,25,40,.18)!important;
}

/* Icon color/weight must follow the button exactly (Iconify, FA, Icofont, SVG). */
body .page-body table td .az-action-link .iconify,
body .page-body table td .az-delete-btn .iconify,
body .page-body table td .az-action-btn .iconify,
body .page-body table td .az-action .iconify,
body .page-body table td .action-btn .iconify,
body .page-body table td .action-mini .iconify,
body .page-body table td .btn .iconify,
body .page-body table td .az-action-link i,
body .page-body table td .az-delete-btn i,
body .page-body table td .az-action-btn i,
body .page-body table td .az-action i,
body .page-body table td .action-btn i,
body .page-body table td .action-mini i,
body .page-body table td .btn i{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:18px!important;
  line-height:1!important;
  pointer-events:none!important;
}

body .page-body table td .az-action-link svg,
body .page-body table td .az-delete-btn svg,
body .page-body table td .az-action-btn svg,
body .page-body table td .az-action svg,
body .page-body table td .action-btn svg,
body .page-body table td .action-mini svg,
body .page-body table td .btn svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  color:inherit!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
body .page-body table td .az-action-link svg *,
body .page-body table td .az-delete-btn svg *,
body .page-body table td .az-action-btn svg *,
body .page-body table td .az-action svg *,
body .page-body table td .action-btn svg *,
body .page-body table td .action-mini svg *,
body .page-body table td .btn svg *{
  stroke:currentColor!important;
}

/* Preserve filled icons (folder/trash/etc.) when the source icon is fill-based. */
body .page-body table td .iconify[data-icon*="fill"],
body .page-body table td .fa-folder,
body .page-body table td .fa-folder-open,
body .page-body table td .fa-trash,
body .page-body table td .fa-trash-alt{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Common action wrappers: same spacing as Stallions. */
body .page-body table td .az-actions,
body .page-body table td .order-actions,
body .page-body table td .az-row-actions,
body .page-body table td .action-buttons,
body .page-body table td .table-actions,
body .page-body table td .actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
body .page-body table td .az-actions form,
body .page-body table td .order-actions form,
body .page-body table td .az-row-actions form,
body .page-body table td .action-buttons form,
body .page-body table td .table-actions form,
body .page-body table td .actions form{
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
}

@media (max-width:767.98px){
  :root{--az-st-action-size:36px;--az-st-action-radius:10px;}
  body .page-body table td .az-action-link svg,
  body .page-body table td .az-delete-btn svg,
  body .page-body table td .az-action-btn svg,
  body .page-body table td .action-btn svg,
  body .page-body table td .btn svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;}
  body .page-body table td .az-action-link i,
  body .page-body table td .az-delete-btn i,
  body .page-body table td .az-action-btn i,
  body .page-body table td .action-btn i,
  body .page-body table td .btn i{font-size:17px!important;}
}

/* =========================================================
   V106 — FIX FILE LINKS + OWNER/WHATSAPP TABLE ACTIONS
   1) Normal payment/document links are NOT action buttons.
   2) Owner list action buttons use the exact Stallions palette.
   3) WhatsApp/order table actions use the same compact gold palette.
   ========================================================= */

/* ---------------------------------------------------------
   PAYMENT / DOCUMENT FILE LINKS
   Generic href selectors such as /view/ must never turn a
   filename/document link into a 38px icon button.
   --------------------------------------------------------- */
body .page-body table td a.az-file-link,
body .page-body .dataTable td a.az-file-link,
body .page-body table td a.payment-file-link,
body .page-body table td a.file-link:not(.az-action-link):not(.az-action-btn),
body .page-body table td a[class*="payment-file"]{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:5px 9px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 1 auto!important;
  border:1px solid rgba(214,169,47,.42)!important;
  border-radius:8px!important;
  background:#fffdf8!important;
  background-image:none!important;
  color:#3b2c13!important;
  -webkit-text-fill-color:#3b2c13!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-decoration:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:break-word!important;
  transform:none!important;
}
body .page-body table td a.az-file-link:hover,
body .page-body .dataTable td a.az-file-link:hover,
body .page-body table td a.payment-file-link:hover,
body .page-body table td a.file-link:not(.az-action-link):not(.az-action-btn):hover,
body .page-body table td a[class*="payment-file"]:hover{
  background:#fff4cf!important;
  border-color:#d6a92f!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
  box-shadow:0 4px 10px rgba(214,169,47,.13)!important;
  transform:none!important;
}

/* ---------------------------------------------------------
   OWNER LIST ACTIONS — same look as Stallions list
   --------------------------------------------------------- */
body .page-body table td .az-owner-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body .page-body table td .az-owner-action-btn{
  width:var(--az-st-action-size)!important;
  min-width:var(--az-st-action-size)!important;
  max-width:var(--az-st-action-size)!important;
  height:var(--az-st-action-size)!important;
  min-height:var(--az-st-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 var(--az-st-action-size)!important;
  border-radius:var(--az-st-action-radius)!important;
  text-decoration:none!important;
  line-height:1!important;
  font-size:0!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

/* Open/details owner = gold */
body .page-body table td .az-owner-action-btn.details,
body .page-body table td a.az-owner-action-btn:not(.delete){
  background:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  background-image:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  border:1px solid var(--az-st-action-gold-border)!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
  box-shadow:0 3px 8px rgba(93,63,4,.10)!important;
}
body .page-body table td .az-owner-action-btn.details:hover,
body .page-body table td .az-owner-action-btn.details:focus-visible,
body .page-body table td a.az-owner-action-btn:not(.delete):hover,
body .page-body table td a.az-owner-action-btn:not(.delete):focus-visible{
  background:var(--az-st-action-dark)!important;
  background-image:none!important;
  border-color:var(--az-st-action-dark-border)!important;
  color:var(--az-st-action-dark-text)!important;
  -webkit-text-fill-color:var(--az-st-action-dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 16px rgba(35,24,7,.18)!important;
}

/* Delete owner = soft red */
body .page-body table td .az-owner-action-btn.delete,
body .page-body table td button.az-owner-action-btn.delete{
  background:var(--az-st-delete-bg)!important;
  background-image:none!important;
  border:1px solid var(--az-st-delete-border)!important;
  color:var(--az-st-delete-text)!important;
  -webkit-text-fill-color:var(--az-st-delete-text)!important;
  box-shadow:none!important;
}
body .page-body table td .az-owner-action-btn.delete:hover,
body .page-body table td .az-owner-action-btn.delete:focus-visible{
  background:var(--az-st-delete-hover)!important;
  background-image:none!important;
  border-color:var(--az-st-delete-hover-border)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 16px rgba(156,25,40,.18)!important;
}

/* Owner action icons */
body .page-body table td .az-owner-action-btn .iconify,
body .page-body table td .az-owner-action-btn i{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:19px!important;
  line-height:1!important;
  pointer-events:none!important;
}
body .page-body table td .az-owner-action-btn svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  color:inherit!important;
  stroke:currentColor!important;
  fill:none!important;
  pointer-events:none!important;
}

/* ---------------------------------------------------------
   WHATSAPP / ORDER TABLE ACTIONS
   These are table actions too, so visually align them with
   the Stallions gold button instead of the old pale button.
   --------------------------------------------------------- */
body .page-body table td .az-whatsapp-btn,
body .page-body table td .visitor_sendwhatsapp,
body .page-body table td .sendwhatsapp{
  width:var(--az-st-action-size)!important;
  min-width:var(--az-st-action-size)!important;
  max-width:var(--az-st-action-size)!important;
  height:var(--az-st-action-size)!important;
  min-height:var(--az-st-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 var(--az-st-action-size)!important;
  border-radius:var(--az-st-action-radius)!important;
  border:1px solid var(--az-st-action-gold-border)!important;
  background:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  background-image:linear-gradient(180deg,var(--az-st-action-gold-top),var(--az-st-action-gold-bottom))!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
  box-shadow:0 3px 8px rgba(93,63,4,.10)!important;
  font-size:0!important;
  line-height:1!important;
}
body .page-body table td .az-whatsapp-btn:hover,
body .page-body table td .az-whatsapp-btn:focus-visible,
body .page-body table td .visitor_sendwhatsapp:hover,
body .page-body table td .visitor_sendwhatsapp:focus-visible,
body .page-body table td .sendwhatsapp:hover,
body .page-body table td .sendwhatsapp:focus-visible{
  background:var(--az-st-action-dark)!important;
  background-image:none!important;
  border-color:var(--az-st-action-dark-border)!important;
  color:var(--az-st-action-dark-text)!important;
  -webkit-text-fill-color:var(--az-st-action-dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 16px rgba(35,24,7,.18)!important;
}
body .page-body table td .az-whatsapp-btn svg,
body .page-body table td .visitor_sendwhatsapp svg,
body .page-body table td .sendwhatsapp svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  color:inherit!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  pointer-events:none!important;
}

@media (max-width:767.98px){
  body .page-body table td a.az-file-link,
  body .page-body .dataTable td a.az-file-link{
    font-size:11px!important;
    padding:4px 7px!important;
  }
}


/* =========================================================
   V107 — REAL PAYMENT-FILE FIX
   Payment/document links are text links, never square actions.
   ========================================================= */
body .page-body table td a.az-file-link.az-payment-file-link,
body .page-body .dataTable td a.az-file-link.az-payment-file-link{
  width:auto!important;
  min-width:0!important;
  max-width:220px!important;
  height:auto!important;
  min-height:34px!important;
  padding:6px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(214,169,47,.55)!important;
  border-radius:9px!important;
  background:#fffaf0!important;
  background-image:none!important;
  color:#2a2114!important;
  -webkit-text-fill-color:#2a2114!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}
body .page-body table td a.az-file-link.az-payment-file-link:hover,
body .page-body table td a.az-file-link.az-payment-file-link:focus-visible{
  background:#f3d16f!important;
  border-color:#b98712!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
  box-shadow:0 4px 10px rgba(214,169,47,.18)!important;
  transform:none!important;
}
body .page-body table td .az-file-link-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#9b6f08!important;
  -webkit-text-fill-color:#9b6f08!important;
  flex:0 0 19px!important;
}
body .page-body table td .az-file-link-icon svg{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body .page-body table td .az-file-link-icon svg *{
  stroke:currentColor!important;
}
body .page-body table td .az-file-link-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
/* Important: generic route-based action rules must not override payment links. */
body .page-body table td a.az-file-link.az-payment-file-link[href*="/view/"],
body .page-body table td a.az-file-link.az-payment-file-link[href*="invoice"]{
  width:auto!important;
  min-width:0!important;
  max-width:220px!important;
  font-size:12px!important;
}

/* =========================================================
   V111 — precise table-action icons + quickservice protection
   Fixes duplicated/mixed icons caused by legacy icon markup.
   ========================================================= */
:root{
  --az-act-dark:#18130d;
  --az-act-dark-border:#9f7917;
  --az-act-gold:#d8a92f;
  --az-act-gold-top:#efc84f;
  --az-act-gold-hover:#f4cf59;
  --az-act-red:#c82f43;
  --az-act-red-soft:#fff7f6;
  --az-act-red-border:#efaeb6;
}

/* Use ONE controlled icon per quick-service action. */
body .az-quickservice-v28 table td .az-actions .az-action-btn{
  position:relative!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  overflow:hidden!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-btn > i,
body .az-quickservice-v28 table td .az-actions .az-action-btn > svg,
body .az-quickservice-v28 table td .az-actions .az-action-btn > .iconify,
body .az-quickservice-v28 table td .az-actions .az-action-btn > .az-action-svg{
  display:none!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-btn::before{
  content:""!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  background-color:currentColor!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
}

/* View / invoice = charcoal + gold eye. */
body .az-quickservice-v28 table td .az-actions .az-action-invoice,
body .az-quickservice-v28 table td .az-actions .az-action-view{
  background:var(--az-act-dark)!important;
  background-image:none!important;
  border:1px solid var(--az-act-dark-border)!important;
  color:#f2ca55!important;
  -webkit-text-fill-color:#f2ca55!important;
  box-shadow:0 3px 8px rgba(29,20,6,.16)!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-invoice::before,
body .az-quickservice-v28 table td .az-actions .az-action-view::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.5 0 9.5 5.3 9.7 5.5a2.5 2.5 0 0 1 0 3C21.5 13.7 17.5 19 12 19S2.5 13.7 2.3 13.5a2.5 2.5 0 0 1 0-3C2.5 10.3 6.5 5 12 5Zm0 2c-4.4 0-7.8 4.3-8.1 4.7a.5.5 0 0 0 0 .6C4.2 12.7 7.6 17 12 17s7.8-4.3 8.1-4.7a.5.5 0 0 0 0-.6C19.8 11.3 16.4 7 12 7Zm0 2.5A3.5 3.5 0 1 1 12 16a3.5 3.5 0 0 1 0-7Zm0 2A1.5 1.5 0 1 0 12 14a1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.5 0 9.5 5.3 9.7 5.5a2.5 2.5 0 0 1 0 3C21.5 13.7 17.5 19 12 19S2.5 13.7 2.3 13.5a2.5 2.5 0 0 1 0-3C2.5 10.3 6.5 5 12 5Zm0 2c-4.4 0-7.8 4.3-8.1 4.7a.5.5 0 0 0 0 .6C4.2 12.7 7.6 17 12 17s7.8-4.3 8.1-4.7a.5.5 0 0 0 0-.6C19.8 11.3 16.4 7 12 7Zm0 2.5A3.5 3.5 0 1 1 12 16a3.5 3.5 0 0 1 0-7Zm0 2A1.5 1.5 0 1 0 12 14a1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-invoice:hover,
body .az-quickservice-v28 table td .az-actions .az-action-view:hover{
  background:#2a2115!important;
  border-color:#d6a92f!important;
  color:#ffe07a!important;
}

/* Edit = gold + dark pencil. */
body .az-quickservice-v28 table td .az-actions .az-action-edit{
  background:linear-gradient(180deg,var(--az-act-gold-top),var(--az-act-gold))!important;
  border:1px solid #af8010!important;
  color:#17120c!important;
  -webkit-text-fill-color:#17120c!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-edit::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m16.86 3.49 3.65 3.65a2 2 0 0 1 0 2.83L9.9 20.58 3 21l.42-6.9L14.03 3.49a2 2 0 0 1 2.83 0ZM5.36 15 5.1 18.9l3.9-.26 9.4-9.4-3.64-3.64L5.36 15Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m16.86 3.49 3.65 3.65a2 2 0 0 1 0 2.83L9.9 20.58 3 21l.42-6.9L14.03 3.49a2 2 0 0 1 2.83 0ZM5.36 15 5.1 18.9l3.9-.26 9.4-9.4-3.64-3.64L5.36 15Z'/%3E%3C/svg%3E")!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-edit:hover{
  background:linear-gradient(180deg,#f7d96f,var(--az-act-gold-hover))!important;
  color:#17120c!important;
}

/* Delete = ivory/soft red + red trash. */
body .az-quickservice-v28 table td .az-actions .az-action-delete{
  background:var(--az-act-red-soft)!important;
  background-image:none!important;
  border:1px solid var(--az-act-red-border)!important;
  color:var(--az-act-red)!important;
  -webkit-text-fill-color:var(--az-act-red)!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-delete::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2 .6 8h1.8l-.4-8H9Zm4 0-.4 8h1.8l.6-8h-2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2 .6 8h1.8l-.4-8H9Zm4 0-.4 8h1.8l.6-8h-2Z'/%3E%3C/svg%3E")!important;
}
body .az-quickservice-v28 table td .az-actions .az-action-delete:hover{
  background:var(--az-act-red)!important;
  border-color:#a51f33!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}