.info-tooltip-container{display:inline-block;position:relative}.info-tooltip-trigger{border:1px solid hsl(var(--border));cursor:pointer;width:18px;height:18px;color:hsl(var(--muted-foreground));background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:4px;font-size:12px;font-weight:400;transition:all .2s;display:inline-flex}.info-tooltip-trigger:hover{background-color:hsl(var(--primary) / .1);border-color:hsl(var(--primary));color:hsl(var(--primary))}.info-tooltip{z-index:10000;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:8px;min-width:280px;max-width:450px;padding:16px 20px;font-size:14px;font-weight:400;line-height:1.5;transition:opacity .2s;position:fixed;box-shadow:0 4px 16px #0000004d}.info-tooltip p{margin:0 0 8px}.info-tooltip p:last-child{margin-bottom:0}.info-tooltip strong{color:hsl(var(--primary));font-weight:500}.info-tooltip-bottom{top:calc(var(--trigger-bottom,0px) + 10px);left:var(--trigger-left,0px);transform:translate(-50%)}.info-tooltip-top{top:calc(var(--trigger-top,0px) - 10px);left:var(--trigger-left,0px);transform:translate(-50%,-100%)}.info-tooltip-left{top:var(--trigger-top,0px);left:calc(var(--trigger-left,0px) - 10px);transform:translate(-100%,-50%)}.info-tooltip-right{top:var(--trigger-top,0px);left:calc(var(--trigger-right,0px) + 10px);transform:translateY(-50%)}.info-tooltip-bottom:before{content:"";border:8px solid #0000;border-bottom-color:hsl(var(--popover));position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.info-tooltip-top:before{content:"";border:8px solid #0000;border-top-color:hsl(var(--popover));position:absolute;top:100%;left:50%;transform:translate(-50%)}.info-tooltip-left:before{content:"";border:8px solid #0000;border-left-color:hsl(var(--popover));position:absolute;top:50%;left:100%;transform:translateY(-50%)}.info-tooltip-right:before{content:"";border:8px solid #0000;border-right-color:hsl(var(--popover));position:absolute;top:50%;right:100%;transform:translateY(-50%)}.info-tooltip{max-width:min(450px, calc(var(--app-viewport-width) - 40px));max-height:calc(var(--app-viewport-height) - 40px);overflow-y:auto}@media (width<=500px){.info-tooltip{max-width:calc(var(--app-viewport-width) - 40px);min-width:250px;font-size:13px}.info-tooltip-bottom,.info-tooltip-top{left:var(--trigger-left,0px);transform:translate(-50%)}.info-tooltip-left,.info-tooltip-right{left:var(--trigger-left,0px);top:calc(var(--trigger-bottom,0px) + 10px);transform:translate(-50%)}.info-tooltip-left:before,.info-tooltip-right:before{border:8px solid #0000;border-bottom-color:hsl(var(--popover));border-left-color:#0000;border-right-color:#0000;inset:auto auto 100% 50%;transform:translate(-50%)translateY(0)}}.locked-feature-icon{color:#f57c00;flex-shrink:0}.locked-feature-inline{background:#fffbf0;border:1px solid #ffe0b2;border-radius:12px;align-items:flex-start;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.locked-feature-inline-icon{color:#f57c00;flex-shrink:0;margin-top:2px}.locked-feature-inline-content{flex-direction:column;flex:1;gap:4px;display:flex}.locked-feature-inline-title{color:#e65100;font-size:13px;font-weight:600}.locked-feature-inline-text{flex-direction:column;gap:2px;display:flex}.locked-feature-inline-text span{color:#5d4037;font-size:11px;line-height:1.4}.locked-feature-inline-tier{color:#8d6e63!important;font-size:10px!important}.locked-feature-inline-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);border:none;border-radius:4px;flex-shrink:0;align-self:center;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #ff98004d}.locked-feature-inline-button:hover{background:linear-gradient(135deg,#f57c00 0%,#e65100 100%);transform:translateY(-1px);box-shadow:0 3px 6px #ff980066}.locked-feature-banner{background:#fffbf0;border:1px solid #ffe0b2;border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:16px;display:flex}.locked-feature-banner-icon{color:#e65100;background:#fff3e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.locked-feature-banner-content{flex-direction:column;gap:6px;display:flex}.locked-feature-banner-title{color:#bf360c;font-size:.875rem;font-weight:600}.locked-feature-banner-text{flex-direction:column;gap:2px;display:flex}.locked-feature-banner-text span{color:#6d4c41;font-size:.8rem;line-height:1.5}.locked-feature-banner-tier{color:#8d6e63!important;font-size:.75rem!important}.locked-feature-cta-hint{font-style:italic;color:#9e9e9e!important}.locked-feature-banner-button{color:#fff;cursor:pointer;background:#f57c00;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:.8rem;font-weight:600;transition:background .15s}.locked-feature-banner-button:hover{background:#e65100}.locked-feature-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#ffffffb3;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.locked-feature-overlay-content{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:280px;padding:32px 24px;display:flex}.locked-feature-overlay-content .locked-feature-icon{color:#f57c00;opacity:.9}.locked-feature-overlay-content h3{color:#e65100;margin:0;font-size:16px;font-weight:600}.locked-feature-overlay-content p{color:#555;margin:0;font-size:13px;line-height:1.5}.locked-feature-description{font-weight:500;color:#333!important}.locked-feature-signin-prompt,.locked-feature-upgrade-prompt{background:#f5f5f5;border-left:3px solid #ff9800;border-radius:4px;padding:8px 12px;color:#777!important;font-size:12px!important}