@layer frogbot{.frogbot-settings-template{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.frogbot-settings-nav{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;padding:1.25rem .75rem;display:flex}.frogbot-settings-nav__back,.frogbot-settings-nav__item{color:var(--color-text-secondary);align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.frogbot-settings-nav__back{margin-bottom:1.5rem;padding:0 .5rem}.frogbot-settings-nav__back:hover,.frogbot-settings-nav__item:hover{color:var(--color-text)}.frogbot-settings-nav__heading{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.frogbot-settings-nav__items{flex-direction:column;gap:.125rem;display:flex}.frogbot-settings-nav__item{border-radius:var(--radius-medium);padding:.5rem .625rem;transition:background-color .1s,color .1s}.frogbot-settings-nav__item:hover{background:var(--color-bg-hover)}.frogbot-settings-nav__item--active{background:var(--color-bg-secondary-hover);color:var(--color-text)}.frogbot-settings-nav__icon{flex:0 0 1.125rem;justify-content:center;align-items:center;display:flex}.frogbot-settings-nav__icon svg{width:1.125rem;height:1.125rem}.frogbot-settings-nav__footer{border-top:1px solid var(--color-border);margin-top:auto;padding-top:.75rem}.frogbot-settings-template__main{background:var(--color-bg);min-width:0}.frogbot-settings-template__header{border-bottom:1px solid var(--color-border);align-items:center;height:4rem;padding:0 2rem;font-size:1rem;font-weight:600;display:flex}.frogbot-settings-template__content{max-width:72rem;margin:0 auto;padding:3rem 2rem}.frogbot-settings__not-found h1{margin:0 0 .75rem}.frogbot-settings__collection-group{margin-top:2rem}.frogbot-settings__collection-group h2{margin:0 0 1rem;font-size:1.125rem}.frogbot-settings__collection-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.frogbot-settings__not-found p{color:var(--color-text-secondary);margin:0}@media (max-width:767px){.frogbot-settings-template{grid-template-columns:minmax(0,1fr)}.frogbot-settings-nav{border-bottom:1px solid var(--color-border);border-right:0}.frogbot-settings-nav__back{margin-bottom:1rem}.frogbot-settings-nav__footer{margin-top:.75rem}.frogbot-settings-template__header,.frogbot-settings-template__content{padding-left:1.25rem;padding-right:1.25rem}}}
@layer frogbot{.frogbot-connections{color:var(--fb-theme-base-900);flex-direction:column;gap:16px;display:flex}.frogbot-connections__toolbar,.frogbot-connections__identity,.frogbot-connections__row-actions,.frogbot-connections__field-heading{align-items:center;gap:12px;display:flex}.frogbot-connections__toolbar>.fb-search-input{flex:1;min-width:0}.frogbot-connections__rows,.frogbot-connections__picker{flex-direction:column;gap:8px;display:flex}.frogbot-connections__row{border:1px solid var(--fb-theme-base-300);background:var(--fb-theme-base-200);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.frogbot-connections__identity{overflow-wrap:anywhere;min-width:0}.frogbot-connections__icon{width:36px;height:36px;color:var(--fb-theme-base-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.frogbot-connections__logo{object-fit:contain;border-radius:6px;width:24px;height:24px}.frogbot-connections__lift:hover{transform:translateY(-4px)}.frogbot-connections__menu{background:0 0}.frogbot-connections__menu:hover,.frogbot-connections__menu:focus-visible,.frogbot-connections__menu[data-state=open]{color:var(--fb-theme-base-1000);background:var(--fb-theme-base-400)}.frogbot-connections__row strong,.frogbot-connections__piece strong{color:var(--fb-theme-base-900);font-size:14px;font-weight:500;display:block}.frogbot-connections__muted{color:var(--fb-theme-base-600);margin:0;font-size:12px;display:block}.frogbot-connections__status{text-transform:uppercase;background:color-mix(in srgb, var(--fb-color-red-500) 10%, transparent);color:var(--fb-color-red-500);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.frogbot-connections__status--active{background:color-mix(in srgb, var(--color-brand-500) 10%, transparent);color:var(--fb-theme-brand-600)}.frogbot-connections__status--expired,.frogbot-connections__status--relink{background:color-mix(in srgb, var(--color-orange-350) 10%, transparent);color:var(--fb-theme-base-800)}.frogbot-connections__empty{text-align:center;color:var(--fb-theme-base-600);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.frogbot-connections__empty p{margin:0}.frogbot-connections__empty--bordered{border:1px dashed var(--fb-theme-base-400);border-radius:12px}.frogbot-connections__dialog{gap:16px;width:min(500px,100vw - 32px);max-width:500px;max-height:70dvh;overflow:hidden auto}.frogbot-connections__dialog--selected{width:min(650px,100vw - 32px);max-width:650px}.frogbot-connections__picker{gap:4px;max-height:400px;overflow:hidden auto}.frogbot-connections__piece{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.frogbot-connections__piece:hover{background:var(--fb-theme-base-200)}.frogbot-connections__form,.frogbot-connections__form-fields,.frogbot-connections__nested,.frogbot-connections__field{flex-direction:column;gap:12px;min-width:0;display:flex}.frogbot-connections__form-fields{border:0;margin:4px 0;padding:0}.frogbot-connections__back{align-self:flex-start}.frogbot-connections__methods{gap:12px;margin-bottom:8px;display:flex}.frogbot-connections__method{border:1px solid var(--fb-theme-base-300);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.frogbot-connections__method:has([data-state=checked]){background:var(--fb-theme-base-200);border-color:var(--fb-theme-base-500)}.frogbot-connections__field-heading{justify-content:space-between}.frogbot-connections__presence{width:140px}.frogbot-connections__nested{border-left:1px solid var(--fb-theme-base-300);padding-left:12px}.frogbot-connections__nested>.fb-button{align-self:flex-start}.frogbot-connections__array-item{align-items:flex-start;gap:8px;display:flex}.frogbot-connections__array-item>.frogbot-connections__field{flex:1}.frogbot-connections__error{color:var(--fb-color-red-500);flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.frogbot-connections__disconnect{color:var(--fb-color-red-500)}.frogbot-connections__spinner{animation:1s linear infinite frogbot-connections-spin}@keyframes frogbot-connections-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.frogbot-connections__row{flex-direction:column;align-items:flex-start}.frogbot-connections__row-actions{align-self:flex-end}.frogbot-connections__methods{flex-direction:column}.frogbot-connections__toolbar{flex-wrap:wrap}.frogbot-connections__toolbar>.fb-search-input{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.frogbot-connections__spinner{animation:none}.frogbot-connections__piece,.frogbot-connections__lift{transition:none}.frogbot-connections__lift:hover{transform:none}}}
@layer frogbot{.frogbot-chat-view{color:var(--fb-theme-base-900);height:calc(100dvh - var(--app-header-height))}.frogbot-chat-view>*{height:100%}.template-default:has(.fb-nav-shell){--frogbot-nav-width:17rem;grid-template-columns:var(--frogbot-nav-width) minmax(0, 1fr)}.template-default:has(.fb-nav-shell[data-nav-state=desktop-nav-closed]){--frogbot-nav-width:60px}:is(.template-default:has(.fb-nav-shell[data-nav-state=mobile-nav-open]),.template-default:has(.fb-nav-shell[data-nav-state=mobile-nav-closed])){grid-template-columns:minmax(0,1fr)}.template-default:has(.fb-nav-shell)>.template-default__wrap{min-width:0}:is(body:has(.fb-nav-shell) .template-default__nav-toggler-wrapper,body:has(.fb-nav-shell) .template-default__nav-toggler-container,body:has(.fb-nav-shell) .app-header__account,body:has(.fb-nav-shell) .app-header__mobile-nav-toggler){display:none}body:has(.fb-nav-shell) .app-header__controls-wrapper{justify-content:flex-end}body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .app-header__controls-wrapper{padding-left:48px}:is(body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .app-header__step-nav-wrapper,body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .step-nav){min-width:0;overflow:hidden}body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .step-nav:has(.step-nav__last)>:not(.step-nav__last){display:none}body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .step-nav__last{min-width:0;max-width:none}:is(body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .app-header__step-nav-wrapper:has(.dashboard-breadcrumb-select,.dashboard-breadcrumb-dropdown__editing),body:has(.fb-nav-shell[data-nav-state=mobile-nav-closed]) .step-nav:has(.dashboard-breadcrumb-select,.dashboard-breadcrumb-dropdown__editing)){overflow:visible}button[aria-label=Open\ Menu],button[aria-label=Close\ Menu]{transition:transform .2s ease-out}button[aria-label=Open\ Menu]:hover,button[aria-label=Close\ Menu]:hover{transform:translate(4px)}}