.brava-feedback-viewport{z-index:60;inset:auto max(12px, env(safe-area-inset-right)) calc(var(--brava-feedback-bottom,0px) + 16px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;position:fixed}.brava-feedback-viewport>*{pointer-events:auto}.brava-feedback-viewport[data-contained]{z-index:2;position:absolute}@media (min-width:820px){.brava-feedback-viewport:not([data-contained]){width:min(390px,100vw - 48px);left:auto;right:24px}}.brava-feedback-toast,.brava-inline-feedback,.brava-connection-banner,.brava-empty-state,.brava-region-loading,.brava-region-error{box-sizing:border-box;font-family:var(--brava-font-body,sans-serif);font-size:16px;line-height:1.5}.brava-feedback-toast p,.brava-inline-feedback p,.brava-connection-banner p,.brava-empty-state p,.brava-region-error p{margin:0}.brava-empty-state h3,.brava-region-error h3{margin:0 0 12px;font-size:18px;font-weight:500;line-height:1.4}.brava-inline-feedback{color:var(--brava-burgundy);border:1px solid #b96977;border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-bottom:20px;padding:16px;animation:.18s both brava-inline-feedback-in;display:grid}.brava-inline-feedback strong{margin-bottom:4px;font-size:16px;font-weight:600;display:block}.brava-inline-feedback p{font-size:16px;line-height:1.5}.brava-inline-feedback>svg{margin-top:2px}.brava-inline-feedback[data-tone=warning]{color:#654711;background:#faf1dd;border-color:#c0a163}.brava-inline-feedback[data-tone=info]{color:var(--brava-teal);background:#eef2f1;border-color:#b0c0bb}.brava-connection-banner{border-bottom:1px solid var(--brava-line);color:var(--brava-burgundy);background:#f3e9e6;flex-shrink:0;gap:10px;padding:14px 20px 8px;display:flex}.brava-connection-banner>svg{flex-shrink:0;margin-top:3px}.brava-connection-banner strong{font-size:14px}.brava-connection-banner p{color:var(--brava-text-secondary);font-size:12px}.brava-connection-banner button{min-height:44px;color:var(--brava-burgundy);padding:8px 0;font-size:14px}.brava-empty-state{text-align:center;padding:36px 0}.brava-empty-state-symbol{width:64px;height:64px;color:var(--brava-burgundy);background:#f4e6e880;border-radius:24px;place-items:center;margin:0 auto 24px;display:grid}.brava-empty-state p{color:var(--brava-text-secondary)}.brava-empty-state button{margin-top:28px}.brava-region-loading>span{color:var(--brava-text-secondary);margin-bottom:24px;font-size:14px;display:block}.brava-skeleton{border:1px solid var(--brava-line);border-radius:16px;gap:12px;margin-bottom:16px;padding:20px;display:grid}.brava-skeleton i,.brava-skeleton span{background:#e9dddd;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite alternate brava-skeleton-pulse;display:block}.brava-skeleton i{width:35%}.brava-skeleton span:nth-child(2){width:70%;height:20px}.brava-skeleton span:nth-child(3){width:50%}.brava-region-error{border:1px solid #b96977;border-radius:16px;padding:24px 20px}.brava-region-error>svg{color:var(--brava-burgundy);margin-bottom:16px}.brava-region-error p{color:var(--brava-text-secondary)}.brava-region-error button{margin-top:24px}.brava-feedback-toast{background:var(--brava-teal);color:#fff;border-radius:16px;grid-template-columns:20px minmax(0,1fr) 44px;align-items:center;gap:0 10px;padding:12px 8px 12px 16px;animation:.18s both brava-feedback-toast-in;display:grid;box-shadow:0 8px 24px #02202924}.brava-feedback-toast>svg{grid-area:1/1;margin:0}.brava-feedback-toast .brava-feedback-toast-copy{grid-area:1/2;align-self:center;min-width:0}.brava-feedback-toast .brava-feedback-toast-copy>p{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:500;line-height:1.45}.brava-feedback-toast-copy p>span{opacity:.85;margin-top:4px;font-size:11px;font-weight:400;display:block}.brava-feedback-toast .brava-button{color:#fff;border-color:#0000;min-height:44px}.brava-feedback-toast .brava-button:hover{background:#ffffff18}.brava-feedback-toast .brava-button:focus-visible{outline-color:#fff}.brava-feedback-toast>.brava-feedback-toast-action{text-align:left;text-underline-offset:4px;border-width:0;grid-area:2/2;justify-self:start;width:fit-content;max-width:100%;padding:4px 0;font-size:14px;text-decoration:underline}.brava-feedback-toast>.brava-feedback-toast-action[data-has-icon]{grid-column:1/3}.brava-feedback-toast>.brava-feedback-toast-dismiss{grid-area:1/3}.brava-feedback-toast[data-has-action]>.brava-feedback-toast-dismiss{grid-row:1/3}.brava-feedback-toast[data-leaving]{pointer-events:none;animation:.16s both brava-feedback-toast-out}@keyframes brava-feedback-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes brava-feedback-toast-out{to{opacity:0;transform:translateY(6px)}}@keyframes brava-inline-feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes brava-skeleton-pulse{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.brava-feedback-toast,.brava-feedback-toast[data-leaving],.brava-inline-feedback,.brava-skeleton i,.brava-skeleton span{animation:none}}.brava-region-error[data-density=compact]{background:var(--surface,white);grid-template-columns:20px minmax(0,1fr);gap:12px 10px;padding:20px;display:grid}.brava-region-error[data-density=compact]>svg{align-self:center;width:20px;height:20px;margin:0}.brava-region-error[data-density=compact] h3{align-self:center;margin:0;font-size:16px}.brava-region-error[data-density=compact]>p,.brava-region-error[data-density=compact]>button{grid-column:1/-1;margin:0}