/* =========================================================
   PURCHASE LIST MODULE STYLES
   File: assets/css/purchase-list.css
   Scoped to: .purchase-list-page
   ========================================================= */

.purchase-list-page.premium-purchase-dashboard {
  --purchase-primary: #6d28d9;
  --purchase-accent: #7c3aed;
  --purchase-border: #e6edf5;
  --purchase-muted: #64748b;
  padding: 28px 30px 34px;
  display: grid;
  gap: 18px;
}
.purchase-list-page .purchase-dash-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.purchase-list-page .purchase-dash-header h1 { margin: 0; color: #0f172a; font-size: 32px; line-height: 1; font-weight: 950; letter-spacing: -.035em; }
.purchase-list-page .purchase-dash-header p { margin: 10px 0 0; color: #64748b; font-size: 15px; font-weight: 700; }
.purchase-list-page .purchase-primary-btn { min-width: 176px; height: 52px; border: 0; border-radius: 13px; background: linear-gradient(135deg,#7c3aed,#5b21b6); color: #fff; box-shadow: 0 16px 34px rgba(124,58,237,.25); font-size: 14px; font-weight: 950; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
.purchase-list-page .purchase-top-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(410px, .9fr); gap: 18px; }
.purchase-list-page .purchase-kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.purchase-list-page .purchase-kpi-card,.purchase-list-page .purchase-panel,.purchase-list-page .purchase-mode-card { background:#fff; border:1px solid var(--purchase-border); border-radius:16px; box-shadow:0 14px 40px rgba(15,23,42,.055); }
.purchase-list-page .purchase-kpi-card { min-height: 174px; padding: 20px; position: relative; overflow: hidden; }
.purchase-list-page .purchase-kpi-card::after { content:""; position:absolute; inset:auto 18px 18px 18px; height:34px; opacity:.7; background:linear-gradient(110deg,transparent 0 10%, currentColor 11% 14%, transparent 15% 26%, currentColor 27% 31%, transparent 32% 42%, currentColor 43% 48%, transparent 49% 60%, currentColor 61% 64%, transparent 65% 78%, currentColor 79% 84%, transparent 85%); clip-path:polygon(0 72%,12% 60%,22% 70%,34% 34%,45% 56%,58% 26%,69% 66%,82% 38%,100% 54%,100% 100%,0 100%); }
.purchase-list-page .purchase-kpi-card.green{color:#16a34a;background:linear-gradient(180deg,#fff,#f4fff8)} .purchase-list-page .purchase-kpi-card.blue{color:#2563eb;background:linear-gradient(180deg,#fff,#f5f9ff)} .purchase-list-page .purchase-kpi-card.amber{color:#d97706;background:linear-gradient(180deg,#fff,#fffaf0)} .purchase-list-page .purchase-kpi-card.purple{color:#7c3aed;background:linear-gradient(180deg,#fff,#fbf7ff)}
.purchase-list-page .purchase-kpi-icon { width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,currentColor 13%,white);font-size:19px; }
.purchase-list-page .purchase-kpi-card span { display:block; margin-top:12px; color:#0f172a; font-size:13px; font-weight:900; }
.purchase-list-page .purchase-kpi-card strong { display:block; margin-top:24px; color:#0f172a; font-size:23px; font-weight:950; letter-spacing:.02em; }
.purchase-list-page .purchase-kpi-card p { margin:20px 0 0; color:#16a34a; display:flex; gap:8px; align-items:center; font-size:12px; font-weight:900; }
.purchase-list-page .purchase-mode-card { padding: 22px; min-height:174px; }
.purchase-list-page .purchase-mode-head { display:grid; grid-template-columns:1fr 150px; gap:14px; align-items:center; }
.purchase-list-page .purchase-mode-head h2,.purchase-list-page .purchase-panel h2,.purchase-list-page .purchase-search-panel h2,.purchase-list-page .purchase-table-head h2 { margin:0;color:#0f172a;font-size:17px;font-weight:950;letter-spacing:-.015em; }
.purchase-list-page .purchase-mode-head select { width:100%; height:38px; border:1px solid #dbe3ef; border-radius:10px; background:#fff; color:#0f172a; font-weight:900; padding:0 12px; }
.purchase-list-page .purchase-mode-body { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:24px; margin-top:22px; }
.purchase-list-page .purchase-donut { width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7c3aed 0 46%,#3b82f6 46% 72%,#f59e0b 72% 88%,#a78bfa 88% 100%); }
.purchase-list-page .purchase-donut>div { width:82px;height:82px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px #eef2f7; }
.purchase-list-page .purchase-donut span{color:#64748b;font-size:12px;font-weight:850}.purchase-list-page .purchase-donut strong{color:#0f172a;font-size:14px;font-weight:950;line-height:1.25}
.purchase-list-page .purchase-mode-legend { display:grid;gap:10px; }
.purchase-list-page .purchase-mode-line { display:grid; grid-template-columns:12px 68px minmax(110px,1fr) 44px; gap:10px; align-items:center; padding-bottom:8px; border-bottom:1px solid #f1f5f9; }
.purchase-list-page .purchase-mode-line:last-child{border-bottom:0}.purchase-list-page .mode-dot{width:10px;height:10px;border-radius:50%}.purchase-list-page .mode-dot.cash{background:#7c3aed}.purchase-list-page .mode-dot.bank{background:#3b82f6}.purchase-list-page .mode-dot.credit{background:#f59e0b}.purchase-list-page .mode-dot.partial{background:#a78bfa}
.purchase-list-page .purchase-mode-line b{font-size:13px;color:#334155;font-weight:950}.purchase-list-page .purchase-mode-line strong{font-size:13px;color:#0f172a;text-align:right;white-space:nowrap}.purchase-list-page .purchase-mode-line em{font-style:normal;background:#f8fafc;border-radius:999px;padding:4px 7px;font-size:12px;font-weight:950;text-align:center;color:#475569}
.purchase-list-page .purchase-panel { padding:20px; }
.purchase-list-page .purchase-panel-head,.purchase-list-page .purchase-table-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.purchase-list-page .purchase-panel-head p,.purchase-list-page .purchase-table-head p{margin:5px 0 0;color:#7c3aed;font-size:12px;font-weight:900}.purchase-list-page .purchase-link-btn{border:0;background:transparent;color:#7c3aed;font-weight:950;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.purchase-list-page .purchase-top-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.purchase-list-page .purchase-top-card { min-height:86px; padding:16px; border:1px solid #ddd6fe; border-radius:14px; background:linear-gradient(135deg,#fff,#faf5ff); display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:14px; }
.purchase-list-page .purchase-top-card>span{width:30px;height:30px;border-radius:10px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-weight:950}.purchase-list-page .purchase-top-card strong{display:block;color:#0f172a;font-weight:950}.purchase-list-page .purchase-top-card small{display:block;margin-top:6px;color:#64748b;font-weight:800}.purchase-list-page .purchase-top-card b{color:#0f172a;font-weight:950;text-align:right}.purchase-list-page .purchase-empty{grid-column:1/-1;min-height:90px;display:grid;place-items:center;border:1px dashed #ddd6fe;border-radius:16px;background:#faf5ff;color:#7c3aed;text-align:center}.purchase-list-page .purchase-empty i{font-size:30px}.purchase-list-page .purchase-empty strong{color:#0f172a}
.purchase-list-page .purchase-search-panel { padding:18px 20px; }
.purchase-list-page .purchase-filter-row{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(150px,.6fr) minmax(150px,.6fr) minmax(150px,.6fr) auto auto;gap:14px;align-items:end;margin-top:14px}.purchase-list-page .purchase-search-box{position:relative}.purchase-list-page .purchase-search-box input{width:100%;height:44px;border:1px solid #dbe3ef;border-radius:10px;padding:0 44px 0 14px;font-weight:750}.purchase-list-page .purchase-search-box i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748b}.purchase-list-page .purchase-field span{display:block;margin-bottom:8px;color:#0f172a;font-size:12px;font-weight:900}.purchase-list-page .purchase-field input,.purchase-list-page .purchase-field select{width:100%;height:44px;border:1px solid #dbe3ef;border-radius:10px;padding:0 12px;background:#fff;color:#0f172a;font-weight:850}.purchase-list-page .purchase-search-btn,.purchase-list-page .purchase-reset-btn{height:44px;border-radius:10px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;font-weight:950;cursor:pointer}.purchase-list-page .purchase-search-btn{border:0;background:#7c3aed;color:#fff;box-shadow:0 12px 24px rgba(124,58,237,.20)}.purchase-list-page .purchase-reset-btn{border:1px solid #dbe3ef;background:#fff;color:#0f172a}.purchase-list-page .purchase-quick-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;color:#0f172a;font-size:12px;font-weight:900}.purchase-list-page .purchase-quick-btn{height:30px;border:0;border-radius:8px;padding:0 14px;background:#f1f5f9;color:#0f172a;font-size:12px;font-weight:900;cursor:pointer}.purchase-list-page .purchase-quick-btn.active{background:#f5f3ff;color:#7c3aed;box-shadow:inset 0 0 0 1px #a78bfa}
.purchase-list-page .purchase-table-panel{padding:0;overflow:visible}.purchase-list-page .purchase-table-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.purchase-list-page .purchase-table-actions{display:flex;gap:10px}.purchase-list-page .purchase-table-actions button{height:40px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#0f172a;padding:0 15px;display:inline-flex;align-items:center;gap:8px;font-weight:900;cursor:pointer}.purchase-list-page .purchase-premium-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.purchase-list-page .purchase-premium-table th{background:#fbfdff;color:#475569;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px;border-bottom:1px solid #eef2f7;text-align:left}.purchase-list-page .purchase-premium-table td{padding:13px 16px;border-bottom:1px solid #f1f5f9;color:#0f172a;vertical-align:middle}.purchase-list-page .purchase-premium-table tr:hover td{background:#fbf8ff}.purchase-list-page .purchase-pill{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:23px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:950}.purchase-list-page .purchase-pill.currency{color:#7c3aed;background:#f3e8ff}.purchase-list-page .purchase-pill.mode{color:#2563eb;background:#dbeafe}.purchase-list-page .purchase-pill.paid{color:#16a34a;background:#dcfce7}.purchase-list-page .purchase-pill.partial{color:#d97706;background:#fef3c7}.purchase-list-page .purchase-pill.due{color:#dc2626;background:#fee2e2}.purchase-list-page .purchase-pill.cancelled{color:#475569;background:#f1f5f9}.purchase-list-page .purchase-pill.info{color:#0284c7;background:#e0f2fe}.purchase-list-page .purchase-table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#0f172a;font-size:13px;font-weight:850}.purchase-list-page .purchase-table-footer select{margin:0 8px;height:34px;border:1px solid #dbe3ef;border-radius:8px;padding:0 10px;font-weight:900}.purchase-list-page .purchase-pagination{display:flex;gap:8px}.purchase-list-page .purchase-pagination button{width:36px;height:36px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#0f172a;font-weight:950}.purchase-list-page .purchase-pagination .active{background:#7c3aed;color:#fff;border-color:#7c3aed}
.purchase-list-page .row-action-group{display:inline-flex;align-items:center;gap:8px;position:relative}.purchase-list-page .row-dots-btn{width:34px;padding-inline:0}.purchase-list-page .row-action-menu{position:absolute;top:40px;right:0;z-index:50;min-width:196px;display:none;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);text-align:left}.purchase-list-page .row-action-menu.open{display:grid;gap:4px}.purchase-list-page .row-action-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#0f172a;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:800;text-align:left;cursor:pointer}.purchase-list-page .row-action-menu button:hover{background:#f8fafc}.purchase-list-page .row-action-menu button.danger{color:#dc2626}
@media(max-width:1280px){.purchase-list-page .purchase-top-grid{grid-template-columns:1fr}.purchase-list-page .purchase-top-strip{grid-template-columns:1fr 1fr}}@media(max-width:980px){.purchase-list-page .purchase-kpi-grid{grid-template-columns:1fr 1fr}.purchase-list-page .purchase-filter-row{grid-template-columns:1fr 1fr}}@media(max-width:640px){.purchase-list-page.premium-purchase-dashboard{padding:18px}.purchase-list-page .purchase-dash-header{flex-direction:column}.purchase-list-page .purchase-primary-btn{width:100%}.purchase-list-page .purchase-kpi-grid,.purchase-list-page .purchase-top-strip,.purchase-list-page .purchase-filter-row,.purchase-list-page .purchase-mode-body{grid-template-columns:1fr}}

/* =========================================================
   FINAL PURCHASE LIST UI POLISH
   Purpose: match Sales module polish while keeping purchase theme
   ========================================================= */
.purchase-list-page.premium-purchase-dashboard {
  padding: 18px 22px 28px !important;
  background: #f8fafc;
}

.purchase-list-page .purchase-dash-header {
  margin-bottom: 18px !important;
}

.purchase-list-page .purchase-dash-header h1,
.purchase-list-page .purchase-panel-head h2,
.purchase-list-page .purchase-search-panel h2,
.purchase-list-page .purchase-mode-head h2 {
  letter-spacing: -0.025em;
}

.purchase-list-page .purchase-mode-card {
  min-width: 0;
  overflow: hidden;
  padding: 18px 20px !important;
}

.purchase-list-page .purchase-mode-head {
  display: grid !important;
  grid-template-columns: minmax(170px, 1fr) 160px;
  align-items: center !important;
  gap: 14px !important;
}

.purchase-list-page .purchase-mode-head select {
  width: 100% !important;
  max-width: 160px;
  min-width: 150px;
  height: 42px !important;
  padding: 0 36px 0 14px !important;
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  appearance: auto;
  -webkit-appearance: menulist;
}

.purchase-list-page .purchase-mode-body {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px !important;
  align-items: center !important;
}

.purchase-list-page .purchase-donut {
  width: 142px !important;
  height: 142px !important;
  justify-self: center;
}

.purchase-list-page .purchase-mode-legend {
  min-width: 0;
  display: grid;
  gap: 8px !important;
}

.purchase-list-page .purchase-mode-line {
  display: grid !important;
  grid-template-columns: 12px minmax(76px, .72fr) minmax(130px, 1fr) 48px;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 13px !important;
}

.purchase-list-page .purchase-mode-line:last-child { border-bottom: 0; }
.purchase-list-page .purchase-mode-line b { color: #334155; font-weight: 900; }
.purchase-list-page .purchase-mode-line strong { text-align: right; white-space: nowrap; color: #0f172a; font-weight: 900; }
.purchase-list-page .purchase-mode-line em { justify-self: end; min-width: 42px; padding: 4px 7px; border-radius: 999px; background: #f8fafc; color: #475569; font-style: normal; font-size: 12px; font-weight: 900; text-align: center; }

.purchase-list-page .purchase-premium-table {
  min-width: 1160px;
  table-layout: auto;
  font-size: 13px !important;
}

.purchase-list-page .purchase-premium-table th,
.purchase-list-page .purchase-premium-table td {
  padding: 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.35;
  vertical-align: middle;
}

.purchase-list-page .purchase-premium-table th:nth-child(1),
.purchase-list-page .purchase-premium-table td:nth-child(1) { min-width: 96px; white-space: nowrap; }
.purchase-list-page .purchase-premium-table th:nth-child(2),
.purchase-list-page .purchase-premium-table td:nth-child(2) { min-width: 112px; white-space: nowrap; }
.purchase-list-page .purchase-premium-table th:nth-child(3),
.purchase-list-page .purchase-premium-table td:nth-child(3) { min-width: 190px; }
.purchase-list-page .purchase-premium-table th:nth-child(4),
.purchase-list-page .purchase-premium-table td:nth-child(4) { min-width: 92px; white-space: nowrap; }
.purchase-list-page .purchase-premium-table th:nth-child(5),
.purchase-list-page .purchase-premium-table td:nth-child(5),
.purchase-list-page .purchase-premium-table th:nth-child(6),
.purchase-list-page .purchase-premium-table td:nth-child(6),
.purchase-list-page .purchase-premium-table th:nth-child(7),
.purchase-list-page .purchase-premium-table td:nth-child(7) { min-width: 125px; white-space: nowrap; }
.purchase-list-page .purchase-premium-table th:nth-child(8),
.purchase-list-page .purchase-premium-table td:nth-child(8),
.purchase-list-page .purchase-premium-table th:nth-child(9),
.purchase-list-page .purchase-premium-table td:nth-child(9),
.purchase-list-page .purchase-premium-table th:nth-child(10),
.purchase-list-page .purchase-premium-table td:nth-child(10) { min-width: 110px; white-space: nowrap; }

.purchase-list-page .purchase-table-footer,
.purchase-list-page .purchase-table-footer .table-footer-size {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  white-space: nowrap;
}

.purchase-list-page .purchase-table-footer {
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.purchase-list-page .purchase-table-footer select {
  width: 88px !important;
  margin: 0 !important;
  flex: 0 0 88px;
}

.purchase-list-page .row-action-group { display: inline-flex; align-items: center; gap: 8px; position: relative; }
.purchase-list-page .row-dots-btn { width: 34px; padding-inline: 0; }
.purchase-list-page .row-action-menu { position: absolute; top: 40px; right: 0; z-index: 50; min-width: 196px; display: none; padding: 8px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 18px 45px rgba(15, 23, 42, .16); text-align: left; }
.purchase-list-page .row-action-menu.open { display: grid; gap: 4px; }
.purchase-list-page .row-action-menu button { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; color: #0f172a; padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 800; text-align: left; cursor: pointer; }
.purchase-list-page .row-action-menu button:hover { background: #f1f5f9; }
.purchase-list-page .row-action-menu button.danger { color: #dc2626; }

@media (max-width: 1500px) {
  .purchase-list-page .purchase-mode-body { grid-template-columns: 1fr !important; }
}


/* =========================================================
   UI VISIBILITY FIX ONLY
   Purpose: table footer spacing, select visibility, pagination alignment
   ========================================================= */
.purchase-list-page .purchase-table-footer {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  padding: 14px 20px 18px !important;
  border-top: 1px solid #eef2f7;
  line-height: 1.35 !important;
}
.purchase-list-page .purchase-table-footer .table-footer-size {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
}
.purchase-list-page .purchase-table-footer select {
  width: 88px !important;
  min-width: 88px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 34px 0 14px !important;
  line-height: 42px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}
.purchase-list-page .purchase-pagination {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-left: auto !important;
}
.purchase-list-page .purchase-pagination button {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}
@media (max-width: 640px) {
  .purchase-list-page .purchase-pagination { width: 100%; }
}


/* Purchases by Mode clipping fix only */
.purchase-list-page .purchase-mode-card { overflow: visible !important; min-width: 0 !important; }
.purchase-list-page .purchase-mode-body {
  grid-template-columns: 150px minmax(300px, 1fr) !important;
  align-items: center !important;
}
.purchase-list-page .purchase-mode-legend { min-width: 300px !important; width: 100%; }
.purchase-list-page .purchase-mode-line {
  grid-template-columns: 12px minmax(74px, 1fr) minmax(132px, auto) minmax(52px, auto) !important;
  gap: 11px !important;
  min-width: 0 !important;
}
.purchase-list-page .purchase-mode-line b,
.purchase-list-page .purchase-mode-line strong,
.purchase-list-page .purchase-mode-line em {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.purchase-list-page .purchase-mode-line strong { justify-self: end; min-width: 128px; }
.purchase-list-page .purchase-mode-line em { min-width: 48px; }
@media (max-width: 1500px) {
  .purchase-list-page .purchase-mode-body { grid-template-columns: 1fr !important; }
  .purchase-list-page .purchase-mode-legend { min-width: 0 !important; }
}


/* =========================================================
   PROFESSIONAL ROW ACTION MENU FIX V14
   - Prevents clipping/overflow inside scrollable tables
   - Keeps ERP/SaaS styled menu instead of browser default buttons
   ========================================================= */
.row-action-menu,
.sales-list-page .row-action-menu,
.purchase-list-page .row-action-menu,
.expense-list-page .row-action-menu {
  min-width: 230px !important;
  display: none !important;
  padding: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22) !important;
  text-align: left !important;
  overflow: visible !important;
}

.row-action-menu.open,
.row-action-menu.alfaa-floating-action-menu.open,
.sales-list-page .row-action-menu.open,
.purchase-list-page .row-action-menu.open,
.expense-list-page .row-action-menu.open {
  display: grid !important;
  gap: 4px !important;
}

.row-action-menu button,
.sales-list-page .row-action-menu button,
.purchase-list-page .row-action-menu button,
.expense-list-page .row-action-menu button {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.row-action-menu button:hover,
.sales-list-page .row-action-menu button:hover,
.purchase-list-page .row-action-menu button:hover,
.expense-list-page .row-action-menu button:hover {
  background: #f8fafc !important;
}

.row-action-menu button.danger,
.row-action-menu button.warning,
.sales-list-page .row-action-menu button.danger,
.sales-list-page .row-action-menu button.warning,
.purchase-list-page .row-action-menu button.danger,
.expense-list-page .row-action-menu button.danger {
  color: #dc2626 !important;
}

.row-action-menu button i,
.sales-list-page .row-action-menu button i,
.purchase-list-page .row-action-menu button i,
.expense-list-page .row-action-menu button i {
  width: 18px !important;
  text-align: center !important;
  font-size: 14px !important;
}