/* Radzen 9 standard-base adapters. Palette values remain in design-system.css. */
/* The shared Persian button font must not replace Radzen's icon font.
   Clear buttons are themselves .rzi elements, with a "close" ligature in
   ::before; the general button !important rule previously printed that word. */
html[data-theme] :is(.rzi, .rz-dropdown-clear-icon, .rz-menuitem-icon),
html[data-theme] :is(.rzi, .rz-dropdown-clear-icon, .rz-menuitem-icon)::before,
html[data-theme] :is(.rzi, .rz-dropdown-clear-icon, .rz-menuitem-icon)::after {
  font-family:var(--rz-icon-font-family,"Material Symbols")!important;
  font-feature-settings:"liga"!important;
  font-variant-ligatures:normal;
  font-style:normal;
  font-weight:var(--rz-icon-weight,400)!important;
  letter-spacing:normal;
  text-transform:none;
  direction:ltr;
}
html[data-theme] :is(.qp-app-shell,.qp-main-layout,.qp-account-settings,.rz-dialog) button.rz-dropdown-clear-icon {
  font-family:var(--rz-icon-font-family,"Material Symbols")!important;
  min-width:24px;
  width:24px;
  padding:0;
  color:var(--ui-muted);
  opacity:1;
}
/* Logical positioning must follow the RTL field, not the icon's LTR font. */
html[data-theme] :is(.rz-dropdown,.rz-multiselect) > button.rz-dropdown-clear-icon {
  direction:inherit;
  left:auto;
  right:auto;
  inset-inline-start:auto;
  inset-inline-end:2rem;
}
html[data-theme] .rz-dropdown.rz-clear > .rz-dropdown-label {
  padding-inline-end:3.75rem;
}
html[data-theme] {
  --rz-notification-success-background-color:var(--ui-success-soft);
  --rz-notification-success-color:var(--ui-success);
  --rz-notification-success-icon-color:var(--ui-success);
  --rz-notification-warning-background-color:var(--ui-warning-soft);
  --rz-notification-warning-color:var(--ui-warning);
  --rz-notification-warning-icon-color:var(--ui-warning);
  --rz-notification-error-background-color:var(--ui-danger-soft);
  --rz-notification-error-color:var(--ui-danger);
  --rz-notification-error-icon-color:var(--ui-danger);
  --rz-notification-info-background-color:var(--ui-info-soft);
  --rz-notification-info-color:var(--ui-info);
  --rz-notification-info-icon-color:var(--ui-info);
  --rz-notification-shadow:var(--ui-shadow-pop);
  --rz-notification-border-radius:var(--ui-radius-sm);
  --rz-on-success-lighter:var(--ui-success);
  --rz-on-danger-lighter:var(--ui-danger);
  --rz-on-warning-lighter:var(--ui-warning);
  --rz-on-info-lighter:var(--ui-info);
  --rz-tooltip-background-color:var(--ui-surface-raised);
  --rz-tooltip-color:var(--ui-text);
  --rz-tooltip-shadow:var(--ui-shadow-pop);
  --rz-overlay-background-color:var(--ui-surface-raised);
  --rz-overlay-border:1px solid var(--ui-border);
  --rz-dialog-shadow:var(--ui-shadow-pop);
  --rz-dialog-border-radius:var(--ui-radius);
  --rz-input-disabled-background-color:var(--ui-surface-alt);
  --rz-input-disabled-color:var(--ui-subtle);
  --rz-grid-hover-color:var(--ui-text);
}
html[data-theme="dark"] {
  --rz-on-success:var(--ui-bg);--rz-on-danger:var(--ui-bg);--rz-on-warning:var(--ui-bg);--rz-on-info:var(--ui-bg);
}
/* The severity class belongs to the wrapper; .rz-notification-message is content. */
html[data-theme] .rz-notification-item-wrapper {
  width:min(380px,calc(100vw - 32px));min-width:0;max-width:100%;font-family:var(--ui-font);direction:rtl;
}
html[data-theme] .rz-notification-item {border:1px solid currentColor;line-height:1.85;gap:12px}
html[data-theme] .rz-notification-item .rz-notification-message {
  padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:inherit;font-size:13px;min-width:0;
}
html[data-theme] .rz-notification-item :is(.rz-notification-title,.rz-notification-content) {color:inherit!important;overflow-wrap:anywhere}
html[data-theme] .rz-notification-title {font-size:14px;font-weight:700;line-height:1.7;margin-bottom:3px}
html[data-theme] .rz-notification-close {color:inherit;min-width:32px;min-height:32px;opacity:.8;flex-shrink:0;border-radius:6px}
html[data-theme] .rz-notification-close:hover {opacity:1;background:var(--ui-surface)}
html[data-theme] .rz-dialog-mask {background:var(--ui-overlay);opacity:1}
html[data-theme] :is(.rz-tooltip,.rz-overlaypanel) {font-family:var(--ui-font);border:1px solid var(--ui-border)}
html[data-theme] .rz-button {font-family:var(--ui-font);border-radius:var(--ui-radius-sm);font-weight:500;box-shadow:none}
html[data-theme] .rz-button.rz-primary.rz-shade-default {background-color:var(--ui-primary);color:var(--ui-on-primary)}
html[data-theme] .rz-button.rz-primary.rz-shade-default:hover {background-color:var(--ui-primary-hover)}
html[data-theme] .rz-button.rz-secondary.rz-shade-default {background-color:var(--ui-surface-alt);color:var(--ui-text);border:1px solid var(--ui-border)}
/* Keep selection visible after the shared table surface rules are applied. */
html[data-theme] :is(.qp-app-shell,.qp-main-layout,.qp-account-settings,.rz-dialog) .rz-grid-table tbody tr.rz-state-highlight>td {
  background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;
}
html[data-theme] :is(.qp-app-shell,.qp-main-layout,.qp-account-settings,.rz-dialog) .rz-grid-table tbody tr.rz-state-highlight .rz-cell-data {color:var(--ui-primary)!important}
@media(max-width:480px) {
  html[data-theme] .rz-notification {inset-inline:16px;max-width:calc(100vw - 32px)}
  html[data-theme] .rz-notification-item-wrapper {width:100%}
}