.rf-select-wrap{gap:var(--rf-space-2);flex-direction:column;display:flex}.rf-select-label{font:var(--rf-text-label);font-feature-settings:var(--rf-font-feature);color:var(--rf-color-text)}.rf-select-field{align-items:center;display:flex;position:relative}.rf-select{width:100%;height:36px;padding:0 calc(var(--rf-space-5) + 16px) 0 var(--rf-space-4);font:var(--rf-text-body-sm);font-feature-settings:var(--rf-font-feature);color:var(--rf-color-text);background-color:var(--rf-color-surface);border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);appearance:none;cursor:pointer;transition:border-color var(--rf-duration-fast) var(--rf-ease-default), box-shadow var(--rf-duration-fast) var(--rf-ease-default);outline:none}.rf-select:hover:not(:disabled){border-color:var(--rf-color-border-strong)}.rf-select:focus{border-color:var(--rf-color-border-focus);box-shadow:var(--rf-shadow-focus)}.rf-select:disabled{opacity:.5;cursor:not-allowed}.rf-select:has(option[value=""]:checked){color:var(--rf-color-text-tertiary)}.rf-select option{color:var(--rf-color-text)}.rf-select option[value=""]{color:var(--rf-color-text-tertiary)}.rf-select-chevron{right:var(--rf-space-4);color:var(--rf-color-text-tertiary);pointer-events:none;display:flex;position:absolute}.rf-select-wrap--error .rf-select{border-color:var(--rf-color-danger)}.rf-select-error{font:var(--rf-text-caption);color:var(--rf-color-danger-text)}.rf-select-hint{font:var(--rf-text-caption);color:var(--rf-color-text-tertiary)}.rf-select-wrap--sm .rf-select{height:32px;font:var(--rf-text-body-xs)}.rf-select-wrap--lg .rf-select{height:48px;padding-left:var(--rf-space-5);font:var(--rf-text-body-md)}
.rf-side-panel__overlay{background:var(--rf-color-surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;justify-content:flex-end;animation:.2s ease-out rf-side-panel-overlay;display:flex;position:fixed;inset:0}@keyframes rf-side-panel-overlay{0%{opacity:0}to{opacity:1}}.rf-side-panel{background:var(--rf-color-surface);width:100%;max-width:480px;height:100%;box-shadow:var(--rf-shadow-xl);flex-direction:column;animation:.28s cubic-bezier(.32,.72,.2,1) rf-side-panel-slide;display:flex}.rf-side-panel--lg{max-width:640px}@keyframes rf-side-panel-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.rf-side-panel__header{border-bottom:1px solid var(--rf-color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 24px 16px;display:flex}.rf-side-panel__eyebrow{font:var(--rf-text-label-sm);letter-spacing:.01em;color:var(--rf-color-text-secondary);margin:0 0 6px}.rf-side-panel__title-row{align-items:center;gap:var(--rf-space-2);flex-wrap:wrap;display:flex}.rf-side-panel__title{font:var(--rf-text-heading-md);color:var(--rf-color-text);margin:0;line-height:1.2}.rf-side-panel__description{font:var(--rf-text-body-sm);color:var(--rf-color-text-secondary);margin:6px 0 0}.rf-side-panel__close{appearance:none;color:var(--rf-color-text-tertiary);cursor:pointer;border-radius:var(--rf-radius-sm);width:28px;height:28px;transition:all var(--rf-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rf-side-panel__close:hover{color:var(--rf-color-text);background:var(--rf-color-surface-elevated)}.rf-side-panel__body{flex:auto;min-height:0;padding:24px;overflow-y:auto}.rf-side-panel__footer{border-top:1px solid var(--rf-color-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}
.rf-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.rf-switch--disabled{cursor:not-allowed;opacity:.5}.rf-switch__track{appearance:none;border-radius:var(--rf-radius-full);background:var(--rf-color-border-strong);cursor:pointer;width:36px;height:20px;transition:background var(--rf-transition-fast);border:none;flex-shrink:0;padding:0;position:relative}.rf-switch__track--on{background:var(--rf-color-primary)}.rf-switch__track:focus-visible{outline:2px solid var(--rf-color-border-focus);outline-offset:2px}.rf-switch__thumb{border-radius:var(--rf-radius-full);background:var(--rf-color-surface);width:16px;height:16px;transition:transform var(--rf-transition-fast);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.rf-switch__track--on .rf-switch__thumb{transform:translate(16px)}.rf-switch__label{font:var(--rf-text-body-sm);color:var(--rf-color-text)}
.rf-separator{background:var(--rf-color-border);flex-shrink:0}.rf-separator--horizontal{width:100%;height:1px}.rf-separator--vertical{width:1px;height:100%;min-height:1em}
.rf-user-menu{display:inline-block;position:relative}.rf-user-menu__trigger{align-items:center;gap:var(--rf-layout-topbar-gap);padding:var(--rf-space-2) var(--rf-layout-topbar-gap) var(--rf-space-2) var(--rf-space-2);background:var(--rf-color-surface);border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);cursor:pointer;text-align:left;max-width:240px;transition:background var(--rf-transition-fast), border-color var(--rf-transition-fast);display:inline-flex}.rf-user-menu__trigger--compact{padding:var(--rf-space-1);gap:0}.rf-user-menu__trigger:not(.rf-user-menu__trigger--borderless):hover,.rf-user-menu__trigger:not(.rf-user-menu__trigger--borderless).rf-user-menu__trigger--open{background:var(--rf-color-surface-elevated);border-color:var(--rf-color-border-strong)}.rf-user-menu__trigger--borderless{border-radius:var(--rf-radius-sm);padding:var(--rf-space-2) var(--rf-space-3) var(--rf-space-2) var(--rf-space-2);gap:var(--rf-space-4);background:0 0;border:none;max-width:none}.rf-user-menu__trigger--borderless.rf-user-menu__trigger--compact{padding:var(--rf-space-1);gap:0}.rf-user-menu__trigger--borderless:hover,.rf-user-menu__trigger--borderless.rf-user-menu__trigger--open{background:var(--rf-color-surface-elevated);border-color:#0000}.rf-user-menu__trigger--borderless .rf-user-menu__id{flex:1;min-width:0;max-width:160px}.rf-user-menu__trigger--borderless .rf-user-menu__role{color:var(--rf-color-text-secondary)}.rf-user-menu__trigger--borderless .rf-user-menu__chevron{margin-left:var(--rf-space-1)}.rf-user-menu__trigger:focus-visible{outline:2px solid var(--rf-color-border-focus);outline-offset:2px}.rf-user-menu__id{flex-direction:column;min-width:0;max-width:140px;display:flex}.rf-user-menu__name{font:var(--rf-text-body-sm-strong);color:var(--rf-color-text);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.rf-user-menu__role{font:var(--rf-text-caption-sm);color:var(--rf-color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rf-user-menu__chevron{color:var(--rf-color-text-tertiary);transition:transform var(--rf-transition-fast);flex-shrink:0;align-items:center;display:inline-flex}.rf-user-menu__chevron--open{transform:rotate(180deg)}.rf-user-menu__panel{min-width:240px;max-width:calc(100vw - var(--rf-space-5));background:var(--rf-color-surface);border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);box-shadow:var(--rf-shadow-lg);overflow:hidden}.rf-user-menu__panel--portal{z-index:var(--rf-z-modal);opacity:0;pointer-events:none;position:fixed;transform:translateY(-2px)}.rf-user-menu__panel--portal.rf-user-menu__panel--portal-shown{opacity:1;pointer-events:auto;animation:rf-user-menu-panel-in var(--rf-duration-fast) var(--rf-ease-out);transform:translateY(0)}@keyframes rf-user-menu-panel-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.rf-user-menu__header{align-items:center;gap:var(--rf-layout-topbar-gap);padding:var(--rf-space-4);background:var(--rf-color-surface-elevated);border-bottom:1px solid var(--rf-color-border);display:flex}.rf-user-menu__header-id{flex-direction:column;flex:1;min-width:0;display:flex}.rf-user-menu__header-name{font:var(--rf-text-body-sm-strong);color:var(--rf-color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rf-user-menu__header-role{font:var(--rf-text-caption-sm);color:var(--rf-color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rf-user-menu__items{padding:var(--rf-space-2);flex-direction:column;display:flex}.rf-user-menu__item{align-items:center;gap:var(--rf-layout-topbar-gap);width:100%;padding:var(--rf-space-3) var(--rf-layout-topbar-gap);border-radius:var(--rf-radius-sm);cursor:pointer;text-align:left;font:var(--rf-text-body-sm);color:var(--rf-color-text);transition:background var(--rf-transition-fast);background:0 0;border:none;display:flex}.rf-user-menu__item:hover:not(:disabled){background:var(--rf-color-surface-elevated)}.rf-user-menu__item:disabled{cursor:not-allowed;opacity:.5}.rf-user-menu__item--danger{color:var(--rf-color-danger-text)}.rf-user-menu__item--danger:hover:not(:disabled){background:var(--rf-color-danger-soft)}.rf-user-menu__item-icon{color:var(--rf-color-text-tertiary);flex-shrink:0;align-items:center;display:inline-flex}.rf-user-menu__item--danger .rf-user-menu__item-icon{color:var(--rf-color-danger-text)}.rf-user-menu__item-label{flex:1}.rf-user-menu__item-trailing{color:var(--rf-color-text-tertiary);font:var(--rf-text-caption);flex-shrink:0;align-items:center;display:inline-flex}.rf-user-menu__divider{background:var(--rf-color-border-subtle);height:1px;margin:var(--rf-space-2) 0}
