/* Cancel buttons and links (.ui-cancel): red with white text on every layout. Workspace pages get this file through
   :app (loaded last by name); the ui and employee portal layouts link it directly. Cancel controls carry many button
   classes (legacy secondary, daisyUI btn-ghost, shell utilities), so the colours are !important. The red matches
   the pay schedule's tear-off calendars. */
.ui-cancel {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.25rem;
  padding: 0 1rem; border: 1px solid #c93636 !important; border-radius: 10px;
  background: #c93636 !important; color: #fff !important; font-weight: 600; text-decoration: none !important; cursor: pointer;
}
.ui-cancel:hover { border-color: #a82b2b !important; background: #a82b2b !important; color: #fff !important; }
.ui-cancel:focus-visible { outline: 2px solid #c93636; outline-offset: 2px; }