/* ============================================================
   That Dawg Local typography picker: button system
   Style D "ruled label", matching thatdawg-buttons-2026-07-22.css
   Loaded last so it wins over the picker's own styles.
   Revert = delete the <link> line from index.html.
   NOT touched: size inputs, quantity fields, casing/ink toggles,
   town rail arrows, view toggles (functional app controls).
   ============================================================ */
:root{--td-rule:linear-gradient(90deg,#5b52f0,#f24ba6);--td-rule-quiet:#3f3f6b;}
.primary-action,.secondary-action{
  position:relative !important;display:flex !important;width:100% !important;align-items:center;justify-content:center;gap:9px;
  background:none !important;background-image:none !important;background-color:transparent !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;color:#f6f4ff !important;
  font-weight:700 !important;font-size:13px !important;line-height:1.2 !important;letter-spacing:.13em !important;
  text-transform:uppercase !important;text-decoration:none !important;padding:14px 2px 12px !important;
  min-height:44px;transform:none !important;transition:color .2s;cursor:pointer;}
.primary-action::after,.secondary-action::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--td-rule);
  transition:height .2s,background .2s;pointer-events:none;}
.primary-action:hover::after{height:5px;}
.secondary-action{color:#b3aed0 !important;}
.secondary-action::after{background:var(--td-rule-quiet);height:1px;}
.secondary-action:hover{color:#f6f4ff !important;}
.secondary-action:hover::after{background:var(--td-rule);height:3px;}
.primary-action[disabled],.secondary-action[disabled]{opacity:.45;cursor:not-allowed;}
.primary-action[disabled]::after{background:var(--td-rule-quiet);height:2px;}
/* square off the remaining pill shapes on functional controls */
.request-btn,.close-btn,.add-inquiry{border-radius:6px !important;}