.referral-prompt-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#a855f71a 0%,#7c3aed1a 100%);border:1px solid #a855f733;align-items:center;margin-bottom:1.5rem;display:flex;overflow:hidden}.referral-prompt-link{flex:1;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:background .2s;display:flex}.referral-prompt-link:hover{background:#a855f70d}.referral-prompt-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1rem;display:flex}.referral-prompt-text{flex-direction:column;flex:1;gap:.125rem;display:flex}.referral-prompt-text strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.referral-prompt-text span{color:var(--color-text-secondary);font-size:var(--text-xs)}.referral-prompt-cta{color:#a855f7;font-size:var(--text-sm);flex-shrink:0;align-items:center;gap:.5rem;font-weight:500;display:flex}.referral-prompt-cta i{font-size:var(--text-xs);transition:transform .2s}.referral-prompt-link:hover .referral-prompt-cta i{transform:translate(3px)}.referral-prompt-dismiss{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:1rem;transition:color .2s}.referral-prompt-dismiss:hover{color:var(--color-text-secondary)}.referral-toast{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;border:1px solid #a855f74d;align-items:stretch;animation:.3s slideInRight;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.referral-toast-content{align-items:center;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:background .2s;display:flex}.referral-toast-content:hover{background:#a855f70d}.referral-toast-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;display:flex}.referral-toast-text{flex-direction:column;gap:.125rem;display:flex}.referral-toast-text strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.referral-toast-text span{color:var(--color-text-secondary);font-size:var(--text-xs);max-width:220px}.referral-toast-dismiss{border:none;border-left:1px solid var(--color-border);color:var(--color-text-tertiary);cursor:pointer;background:0 0;padding:0 1rem;transition:all .2s}.referral-toast-dismiss:hover{color:var(--color-text-secondary);background:var(--color-background)}@media (max-width:600px){.referral-prompt-link{flex-wrap:wrap;gap:.75rem}.referral-prompt-cta{justify-content:flex-end;width:100%}.referral-toast{bottom:16px;left:16px;right:16px}.referral-toast-text span{max-width:none}}
.team-context-banner-component{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b1a 0%,#d977061a 100%);border:1px solid #f59e0b4d;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.team-context-banner-component .tcb-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.team-context-banner-component .tcb-content{flex:1}.team-context-banner-component .tcb-title{color:var(--color-text-primary);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;font-weight:600;display:flex}.team-context-banner-component .tcb-role-badge{font-size:var(--text-xs);color:#d97706;background:#f59e0b33;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-weight:600;display:inline-flex}.team-context-banner-component.admin .tcb-role-badge{color:#059669;background:#10b98126}.team-context-banner-component .tcb-text{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}@media (max-width:600px){.team-context-banner-component{flex-direction:column;align-items:flex-start;gap:.75rem}}.team-readonly-disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important}.team-readonly-disabled:hover{transform:none!important}
.upgrade-banner{border-radius:var(--radius-lg,12px);z-index:0;justify-content:space-between;align-items:center;gap:1.5rem;margin:1rem 2rem 0;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.upgrade-banner--subtle{background:linear-gradient(135deg,var(--color-primary,#6366f1)0%,#8b5cf6 100%);color:#fff}.upgrade-banner--subtle .upgrade-banner__heading,.upgrade-banner--subtle .upgrade-banner__description{color:#fff}.upgrade-banner--subtle .upgrade-banner__cta{color:#6366f1;background:#fff;border:none}.upgrade-banner--subtle .upgrade-banner__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.upgrade-banner--subtle .upgrade-banner__illustration{color:#fff}.upgrade-banner--warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.upgrade-banner--warning .upgrade-banner__heading{color:#fff}.upgrade-banner--warning .upgrade-banner__description{color:#ffffffe6}.upgrade-banner--warning .upgrade-banner__cta{color:#b45309;background:#fff;border:none}.upgrade-banner--warning .upgrade-banner__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.upgrade-banner--warning .upgrade-banner__illustration{color:#fff}.upgrade-banner--urgent{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f87171 100%)}.upgrade-banner--urgent .upgrade-banner__heading{color:#fff}.upgrade-banner--urgent .upgrade-banner__description{color:#ffffffe6}.upgrade-banner--urgent .upgrade-banner__cta{color:#dc2626;background:#fff;border:none}.upgrade-banner--urgent .upgrade-banner__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.upgrade-banner--urgent .upgrade-banner__illustration{color:#fff}.upgrade-banner--blocked{color:#fff;background:linear-gradient(135deg,#991b1b 0%,#b91c1c 100%)}.upgrade-banner--blocked .upgrade-banner__heading{color:#fff}.upgrade-banner--blocked .upgrade-banner__description{color:#ffffffe6}.upgrade-banner--blocked .upgrade-banner__cta{color:#991b1b;background:#fff;border:none}.upgrade-banner--blocked .upgrade-banner__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.upgrade-banner--blocked .upgrade-banner__illustration{color:#fff}.upgrade-banner--trial{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}.upgrade-banner--trial .upgrade-banner__heading{color:#fff}.upgrade-banner--trial .upgrade-banner__description{color:#ffffffe6}.upgrade-banner--trial .upgrade-banner__cta{color:#0d9488;background:#fff;border:none}.upgrade-banner--trial .upgrade-banner__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.upgrade-banner--trial .upgrade-banner__illustration{color:#fff}.upgrade-banner__content{z-index:1;flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.upgrade-banner__heading{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.upgrade-banner__description{margin:0;font-size:.8125rem;line-height:1.5}.upgrade-banner__cta{border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;width:fit-content;margin-top:.5rem;padding:.4rem .875rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.upgrade-banner__cta i{font-size:.75rem;transition:transform .2s}.upgrade-banner__cta:hover i{transform:translate(3px)}.upgrade-banner__actions{flex-wrap:nowrap;align-items:center;gap:.75rem;margin-top:.5rem;display:inline-flex}.upgrade-banner__actions .upgrade-banner__cta{margin-top:0}.upgrade-banner__secondary-cta{color:#ffffffe6;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.4rem 0;font-size:.75rem;font-weight:500;text-decoration:underline;transition:color .2s}.upgrade-banner__secondary-cta:hover{color:#fff}.upgrade-banner__illustration{opacity:.6;z-index:1;flex-shrink:0;width:100px;height:80px}.upgrade-banner__illustration svg{width:100%;height:100%}body[data-mobile-dropdown-open=true] .upgrade-banner{display:none}@media (max-width:768px){.upgrade-banner{flex-direction:column;flex-shrink:0;align-items:stretch;margin:1rem 1rem 0;padding:1rem}.upgrade-banner__content{flex-direction:column;align-items:flex-start}.upgrade-banner__heading{font-size:.9375rem}.upgrade-banner__description{font-size:.8125rem}.upgrade-banner__actions{flex-direction:row;align-items:center;gap:.75rem}.upgrade-banner__cta{flex:none;justify-content:center;padding:.5rem .875rem;font-size:.75rem}.upgrade-banner__secondary-cta{white-space:nowrap;flex:none}.upgrade-banner__illustration{display:none}}.upgrade-banner__star{opacity:.3;animation:2s ease-in-out infinite starTwinkle}.upgrade-banner__star--1{animation-delay:0s}.upgrade-banner__star--2{animation-delay:.4s}.upgrade-banner__star--3{animation-delay:.8s}.upgrade-banner__star--4{animation-delay:1.2s}.upgrade-banner__star--5{animation-delay:1.6s}.upgrade-banner__star--6{animation-delay:.2s}.upgrade-banner__star--7{animation-delay:1s}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.upgrade-banner--dismissing{animation:.2s ease-out forwards bannerDismiss}@keyframes bannerDismiss{to{opacity:0;height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}}