/* ===== Currency management button interaction system (scoped, unified, role-based) ===== */
:where(.panel[data-view="currency-management"], .taif-currency-management-modal, .taif-currency-management-modal-backdrop){
  --cm-button-lift-y:-2px;
  --cm-button-lift-scale:1.045;
  --cm-button-press-scale:1.065;
  --cm-button-transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease;
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools,
  .currency-management-actions
),
.taif-currency-management-modal :is(
  .taif-currency-management-modal__window-actions,
  .currency-management-modal-actions,
  .currency-management-modal-actions--dock,
  .currency-management-modal-actions--compact,
  .currency-management-modal-actions--single-editor,
  .currency-management-modal-actions--grand
){
  overflow:visible;
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn,
  .currency-management-actions .currency-management-iconbtn
),
.taif-currency-management-modal :is(
  .taif-currency-management-modal__chrome-btn,
  .taif-currency-management-modal__close,
  .currency-management-modal-actions .currency-management-btn,
  .currency-management-modal-actions--dock .currency-management-btn,
  .currency-management-modal-actions--compact .currency-management-btn,
  .currency-management-modal-actions--single-editor .currency-management-btn,
  .currency-management-modal-actions--grand .currency-management-btn
){
  --cm-button-rest-transform:translateY(0);
  --cm-button-hover-border:rgba(15,23,42,.20);
  --cm-button-hover-shadow:0 14px 26px rgba(15,23,42,.14);
  --cm-button-active-shadow:0 12px 22px rgba(15,23,42,.16);
  --cm-button-focus-ring:0 0 0 2px rgba(15,23,42,.10);
  --cm-button-cue-color:#05070b;
  --cm-button-hover-filter:none;
  --cm-button-active-filter:none;
  position:relative;
  isolation:isolate;
  transform-origin:center center;
  backface-visibility:hidden;
  will-change:transform, box-shadow, filter;
  transition:var(--cm-button-transition) !important;
  outline:none;
}

.panel[data-view="currency-management"] .currency-management-topbar-tools .currency-management-btn{
  --cm-button-cue-color:#ffffff;
}

.panel[data-view="currency-management"] :is(
  .currency-management-actions .currency-management-iconbtn
),
.taif-currency-management-modal :is(
  .taif-currency-management-modal__chrome-btn,
  .taif-currency-management-modal__close
){
  --cm-button-lift-scale:1.10;
  --cm-button-press-scale:1.135;
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn[data-currency-management-action="add"]
){
  --cm-button-hover-border:rgba(34,197,94,.44);
  --cm-button-hover-shadow:0 16px 30px rgba(21,128,61,.24);
  --cm-button-active-shadow:0 18px 34px rgba(21,128,61,.28);
  --cm-button-focus-ring:0 0 0 2px rgba(34,197,94,.16);
  --cm-button-cue-color:#ffffff;
  --cm-button-hover-filter:brightness(1.06) saturate(1.03);
  --cm-button-active-filter:brightness(1.10) saturate(1.04);
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn--primary,
  .currency-management-topbar-tools .currency-management-btn[data-currency-management-action="usd"],
  .currency-management-actions .currency-management-iconbtn--move
),
.taif-currency-management-modal :is(
  .currency-management-modal-actions .currency-management-btn--primary,
  .currency-management-modal-actions--dock .currency-management-btn--primary,
  .currency-management-modal-actions--compact .currency-management-btn--primary,
  .currency-management-modal-actions--single-editor .currency-management-btn--primary,
  .currency-management-modal-actions--grand .currency-management-btn--primary,
  .taif-currency-management-modal__chrome-btn
){
  --cm-button-hover-border:rgba(147,197,253,.46);
  --cm-button-hover-shadow:0 16px 30px rgba(37,99,235,.24);
  --cm-button-active-shadow:0 18px 34px rgba(37,99,235,.28);
  --cm-button-focus-ring:0 0 0 2px rgba(59,130,246,.16);
  --cm-button-cue-color:#ffffff;
  --cm-button-hover-filter:brightness(1.06) saturate(1.04);
  --cm-button-active-filter:brightness(1.10) saturate(1.05);
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn[data-currency-management-action="delete-currency"],
  .currency-management-actions .currency-management-iconbtn--danger
),
.taif-currency-management-modal :is(
  .currency-management-modal-actions .currency-management-btn--danger,
  .currency-management-modal-actions .currency-management-btn[data-currency-management-action="cancel"],
  .currency-management-modal-actions--dock .currency-management-btn--danger,
  .currency-management-modal-actions--dock .currency-management-btn[data-currency-management-action="cancel"],
  .currency-management-modal-actions--compact .currency-management-btn--danger,
  .currency-management-modal-actions--compact .currency-management-btn[data-currency-management-action="cancel"],
  .currency-management-modal-actions--single-editor .currency-management-btn--danger,
  .currency-management-modal-actions--single-editor .currency-management-btn[data-currency-management-action="cancel"],
  .currency-management-modal-actions--grand .currency-management-btn--danger,
  .currency-management-modal-actions--grand .currency-management-btn[data-currency-management-action="cancel"],
  .taif-currency-management-modal__close
){
  --cm-button-hover-border:rgba(239,68,68,.44);
  --cm-button-hover-shadow:0 16px 30px rgba(185,28,28,.26);
  --cm-button-active-shadow:0 18px 34px rgba(185,28,28,.30);
  --cm-button-focus-ring:0 0 0 2px rgba(239,68,68,.15);
  --cm-button-cue-color:#ffffff;
  --cm-button-hover-filter:brightness(1.06) saturate(1.03);
  --cm-button-active-filter:brightness(1.10) saturate(1.04);
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn--dark,
  .currency-management-topbar-tools .currency-management-btn[data-currency-management-action="bulk"]
),
.taif-currency-management-modal :is(
  .currency-management-modal-actions .currency-management-btn--dark,
  .currency-management-modal-actions--dock .currency-management-btn--dark,
  .currency-management-modal-actions--compact .currency-management-btn--dark,
  .currency-management-modal-actions--single-editor .currency-management-btn--dark,
  .currency-management-modal-actions--grand .currency-management-btn--dark
){
  --cm-button-hover-border:rgba(71,85,105,.46);
  --cm-button-hover-shadow:0 16px 30px rgba(15,23,42,.24);
  --cm-button-active-shadow:0 18px 34px rgba(15,23,42,.28);
  --cm-button-focus-ring:0 0 0 2px rgba(71,85,105,.16);
  --cm-button-cue-color:#ffffff;
  --cm-button-hover-filter:brightness(1.06) saturate(1.02);
  --cm-button-active-filter:brightness(1.10) saturate(1.03);
}

.panel[data-view="currency-management"] .currency-management-topbar-tools .currency-management-btn[data-currency-management-action="edit-single"]{
  --cm-button-hover-border:rgba(167,139,250,.44);
  --cm-button-hover-shadow:0 16px 30px rgba(109,40,217,.24);
  --cm-button-active-shadow:0 18px 34px rgba(109,40,217,.28);
  --cm-button-focus-ring:0 0 0 2px rgba(139,92,246,.16);
  --cm-button-cue-color:#ffffff;
  --cm-button-hover-filter:brightness(1.06) saturate(1.03);
  --cm-button-active-filter:brightness(1.10) saturate(1.04);
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn,
  .currency-management-actions .currency-management-iconbtn
):is(:hover, :focus-visible):not([disabled]):not(.is-disabled),
.taif-currency-management-modal :is(
  .taif-currency-management-modal__chrome-btn,
  .taif-currency-management-modal__close,
  .currency-management-modal-actions .currency-management-btn,
  .currency-management-modal-actions--dock .currency-management-btn,
  .currency-management-modal-actions--compact .currency-management-btn,
  .currency-management-modal-actions--single-editor .currency-management-btn,
  .currency-management-modal-actions--grand .currency-management-btn
):is(:hover, :focus-visible):not([disabled]):not(.is-disabled){
  transform:var(--cm-button-rest-transform) translateY(var(--cm-button-lift-y)) scale(var(--cm-button-lift-scale)) !important;
  border-color:var(--cm-button-hover-border) !important;
  box-shadow:var(--cm-button-focus-ring), var(--cm-button-hover-shadow) !important;
  color:var(--cm-button-cue-color) !important;
  filter:var(--cm-button-hover-filter) !important;
  outline:none !important;
  z-index:3;
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn,
  .currency-management-actions .currency-management-iconbtn
):active:not([disabled]):not(.is-disabled),
.taif-currency-management-modal :is(
  .taif-currency-management-modal__chrome-btn,
  .taif-currency-management-modal__close,
  .currency-management-modal-actions .currency-management-btn,
  .currency-management-modal-actions--dock .currency-management-btn,
  .currency-management-modal-actions--compact .currency-management-btn,
  .currency-management-modal-actions--single-editor .currency-management-btn,
  .currency-management-modal-actions--grand .currency-management-btn
):active:not([disabled]):not(.is-disabled){
  transform:var(--cm-button-rest-transform) translateY(var(--cm-button-lift-y)) scale(var(--cm-button-press-scale)) !important;
  border-color:var(--cm-button-hover-border) !important;
  box-shadow:var(--cm-button-focus-ring), var(--cm-button-active-shadow) !important;
  color:var(--cm-button-cue-color) !important;
  filter:var(--cm-button-active-filter) !important;
  outline:none !important;
  z-index:4;
}

.panel[data-view="currency-management"] :is(
  .currency-management-topbar-tools .currency-management-btn,
  .currency-management-actions .currency-management-iconbtn
)[disabled],
.taif-currency-management-modal :is(
  .taif-currency-management-modal__chrome-btn,
  .taif-currency-management-modal__close,
  .currency-management-modal-actions .currency-management-btn,
  .currency-management-modal-actions--dock .currency-management-btn,
  .currency-management-modal-actions--compact .currency-management-btn,
  .currency-management-modal-actions--single-editor .currency-management-btn,
  .currency-management-modal-actions--grand .currency-management-btn
)[disabled],
.panel[data-view="currency-management"] .currency-management-actions .currency-management-iconbtn.is-disabled{
  transform:var(--cm-button-rest-transform) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Currency-management row action buttons: keep motion only, with no hover/press color or halo changes. */
.panel[data-view="currency-management"] .currency-management-actions .currency-management-iconbtn{
  --cm-row-action-rest-border:rgba(15,23,42,.10);
  --cm-row-action-rest-color:#0b1220;
  background:rgba(255,255,255,.92);
  border-color:var(--cm-row-action-rest-border);
  color:var(--cm-row-action-rest-color);
}

.panel[data-view="currency-management"] .currency-management-actions .currency-management-iconbtn.currency-management-iconbtn--danger{
  --cm-row-action-rest-border:rgba(239,68,68,.16);
  --cm-row-action-rest-color:#b91c1c;
}

.panel[data-view="currency-management"] .currency-management-actions .currency-management-iconbtn.currency-management-iconbtn--move{
  --cm-row-action-rest-color:#2563eb;
}

.panel[data-view="currency-management"] .currency-management-actions .currency-management-iconbtn:is(:hover, :active, :focus, :focus-visible):not([disabled]):not(.is-disabled){
  background:rgba(255,255,255,.92) !important;
  border-color:var(--cm-row-action-rest-border) !important;
  box-shadow:none !important;
  color:var(--cm-row-action-rest-color) !important;
  filter:none !important;
  outline:none !important;
}

/* Currency-management main search clear button: keep the existing red look, but match row-action interaction by removing hover/press/focus color changes and halo effects. */
.panel[data-view="currency-management"] .currency-management-topbar-search .currency-management-search-clear{
  --cm-main-search-clear-rest-border:rgba(220,38,38,.22);
  --cm-main-search-clear-rest-background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  --cm-main-search-clear-rest-shadow:0 10px 16px rgba(185,28,28,.16), inset 0 1px 0 rgba(255,255,255,.16);
  background:var(--cm-main-search-clear-rest-background) !important;
  border-color:var(--cm-main-search-clear-rest-border) !important;
  box-shadow:var(--cm-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
}

.panel[data-view="currency-management"] .currency-management-topbar-search .currency-management-search-clear:is(:hover, :active, :focus, :focus-visible){
  background:var(--cm-main-search-clear-rest-background) !important;
  border-color:var(--cm-main-search-clear-rest-border) !important;
  box-shadow:var(--cm-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
  outline:none !important;
}

.panel[data-view="currency-management"] .currency-management-topbar-search .currency-management-search-clear:hover{
  transform:translateY(calc(-50% - 1px));
}

.panel[data-view="currency-management"] .currency-management-topbar-search .currency-management-search-clear:active{
  transform:translateY(-50%) scale(.96);
}

.panel[data-view="currency-management"] .currency-management-topbar-search .currency-management-search-clear:is(:focus, :focus-visible){
  transform:translateY(-50%);
}
