/* Shared flag system
   Centralizes the shared circular flag treatment used across all flag-bearing views.
   Section files keep only size/layout-specific declarations. */

:root{
  --taif-flag-surface:transparent;
  --taif-flag-ring:rgba(148,163,184,.18);
  --taif-flag-shadow:0 1px 2px rgba(15,23,42,.05);
  --taif-flag-filter:saturate(1.03) contrast(1.06) brightness(1.01);
  --taif-flag-radius:999px;
}

html body :is(
  .currency-management-flag,
  .currency-management-bulk-card__flag,
  .currency-management-picker-card__flag,
  .currency-management-delete-card__flag,
  .currency-management-counterpart-trigger__flag,
  .currency-management-counterpart-popover__option-flag,
  .taif-currency-management-modal--single-editor .currency-management-flag-picker__preview,
  .taif-currency-management-modal--single-editor .currency-management-flag-popover__card-flag,
  .taif-currency-management-modal--single-editor .currency-management-linked-source-option__flag,
  .price-screen__flag,
  .price-screen__usd-flag,
  .entries-voucher-choice-picker__flag,
  .cash-boxes-balance-card__flag,
  .sales-purchase-rate-card__currency-flag
){
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  padding:0;
  line-height:0;
  border:0;
  border-radius:var(--taif-flag-radius);
  background:var(--taif-flag-surface);
  box-shadow:inset 0 0 0 .75px var(--taif-flag-ring), var(--taif-flag-shadow);
}

html body :is(
  .currency-management-flag-image,
  .currency-management-bulk-card__flag-image,
  .currency-management-picker-card__flag-image,
  .currency-management-delete-card__flag-image,
  .currency-management-counterpart-trigger__flag-image,
  .currency-management-counterpart-popover__option-flag-image,
  .taif-currency-management-modal--single-editor .currency-management-flag-picker__preview-image,
  .taif-currency-management-modal--single-editor .currency-management-flag-popover__card-image,
  .taif-currency-management-modal--single-editor .currency-management-linked-source-option__flag-image,
  .price-screen__flag-image,
  .entries-voucher-choice-picker__flag-image,
  .cash-boxes-balance-card__flag img,
  .sales-purchase-rate-card__currency-flag img
){
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
  image-rendering:auto;
  filter:var(--taif-flag-filter);
  transform:translateZ(0);
  backface-visibility:hidden;
}