/* One "Add" button everywhere (2026-09-30, Joseph): the ticket pages had a text pill "Add +", the strategy tabs and most other
   pages a round icon-only button, and Modify Scheduler a differently sized text button. All of them now share one shape:
   an indigo pill, 38 px high, labelled "Add +" (Modify Scheduler keeps its own words, "Create Scheduler"); the refresh button
   next to it is a matching 38 px circle. Look only: the buttons, their tooltips and what they do are the page's own.
   The buttons are found by the tooltip the app already puts on them (ADD, ADD TICKET, Create Scheduler, REFRESH).
   Rollback: delete the add-button.css line in index.html. */
html:not(.ab-a):not(.ab-b) .tbl-export-btn { display: flex; align-items: center; gap: 8px; }
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip] { margin-left: 0 !important; }

html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD"] > button,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD TICKET"] > a,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="Create Scheduler"] > button {
  display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-width: 0; height: 38px !important; padding: 0 18px !important;
  border: 0; border-radius: 10px !important; background: #4f46e5 !important; color: #fff !important; text-decoration: none; cursor: pointer;
  font: 500 15px/1 var(--ap-font, -apple-system, "SF Pro Text", Inter, Arial, sans-serif); letter-spacing: .01em; white-space: nowrap;
  box-shadow: 0 1px 2px rgba(79, 70, 229, .30), 0 4px 12px rgba(79, 70, 229, .25);
  transition: background-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD"] > button:hover,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD TICKET"] > a:hover,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="Create Scheduler"] > button:hover { background: #4338ca !important; }
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD"] > button:active,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD TICKET"] > a:active,
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="Create Scheduler"] > button:active { transform: translateY(1px); }

/* the icon-only ones get the words */
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD"] > button > mat-icon { display: none; }
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="ADD"] > button::after { content: "Add +"; }
/* Modify Scheduler: keep its words, drop the extra icon so it is the same shape */
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="Create Scheduler"] > button > mat-icon { display: none; }
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="Create Scheduler"] > button .mdc-button__label { color: #fff; font: inherit; letter-spacing: inherit; }

/* refresh: a circle as tall as the Add pill */
html:not(.ab-a):not(.ab-b) .tbl-export-btn div[mattooltip="REFRESH"] > button { width: 38px !important; height: 38px !important; min-width: 38px; padding: 0 !important; border-radius: 50% !important; }