@layer rivo-interaction {
  :root { --interaction-blue: #537eaf; }
  html[data-panel-theme="dark"] { --interaction-blue: #80a6d4; }
  :focus-visible { outline: 1px solid var(--interaction-blue) !important; outline-offset: -1px !important; box-shadow: none !important; }
  :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]), select, textarea, [contenteditable="true"]):focus {
    outline: none !important; border-color: var(--interaction-blue) !important; box-shadow: none !important;
  }
  :is(.password-field,.password-wrap,.card-number-field):focus-within { outline: none !important; box-shadow: none !important; }
  :is(.rich-editor,.account-avatar):focus-within,
  .custom-select.is-open .custom-select-trigger,
  .payment-method-card:focus-within {
    outline: 1px solid var(--interaction-blue) !important; outline-offset: -1px !important; box-shadow: none !important;
  }
  form label:focus-within { box-shadow: none !important; }
  :is(.theme-card,.payment-method-card,.discount-product-card):has(input:checked),
  .payment-method-card.is-active,
  .panel-theme-options input:checked+span {
    border: 1px solid var(--interaction-blue) !important; outline: none !important; box-shadow: none !important;
  }
  .palette-option input:checked+span { outline: 1px solid var(--interaction-blue) !important; outline-offset: -1px !important; box-shadow: none !important; }
  input:focus-visible+span, .image-picker input:focus-visible~.image-preview {
    outline: 1px solid var(--interaction-blue) !important; outline-offset: -1px !important; box-shadow: none !important;
  }
  .permission-tab.is-active { outline-width: 1px !important; outline-offset: -1px !important; }
  .shop-name-heading { display:flex; align-items:center; gap:12px; }
  .shop-name-heading h1 { margin:0 !important; font-size:32px; line-height:36px !important; }
  .shop-name-heading .icon-btn { width:32px !important; height:32px !important; min-width:32px !important; min-height:32px !important; padding:6px !important; flex:0 0 32px; border-radius:8px !important; }
  .shop-name-heading .icon-btn svg { width:18px !important; height:18px !important; }
}
.commission-rate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0}
.separate-commissions label.check{display:flex!important;align-items:center;gap:10px;flex-direction:row!important}
.separate-commissions label.check input{margin:0;flex:0 0 18px;width:18px;height:18px}
.separate-commissions label.check span{flex:1}
.commission-rate-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--r-border,#d6e2f0)}
.commission-rate-row b,.commission-rate-row small{display:block}
.commission-rate-row small{margin-top:4px;color:var(--r-muted,#60768c);font-size:12px}
.commission-rate-input{display:flex;align-items:center;gap:8px;flex:0 0 112px}
.commission-rate-input input{width:88px!important;min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.commission-user-search{display:flex;align-items:end;gap:12px;margin:24px 0}
.commission-user-search label{flex:1;max-width:400px}
.payment-quote{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding-top:16px;border-top:1px solid var(--r-border,#d6e2f0);font-size:14px}
.payment-quote strong{font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-panel-theme="dark"] .commission-rate-row{border-color:#34465b}
html[data-panel-theme="dark"] .commission-rate-row small{color:#aebdd0}
@media(max-width:640px){.commission-rate-list{grid-template-columns:1fr}.commission-user-search{align-items:stretch;flex-direction:column}.commission-user-search label{max-width:none}}