.tooltip-container{position:relative;display:inline-flex;align-items:center;gap:.5rem}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#e8edf4 0%,#d3ddea 100%);color:#4c1d95;font-size:12px;font-weight:700;cursor:help;transition:all .3s ease;border:1px solid #d3ddea}.info-icon:hover{background:linear-gradient(135deg,#d3ddea 0%,#a78bfa 100%);transform:scale(1.1);box-shadow:0 4px 8px rgba(18,49,92,.25)}.tooltip{position:absolute;z-index:1000;padding:.75rem 1rem;background:rgba(30,41,59,.95);color:#fff;border-radius:8px;font-size:14px;line-height:1.5;min-width:200px;max-width:300px;pointer-events:none;opacity:0;transform:translateY(8px);transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.25);white-space:normal}.tooltip::before{content:'';position:absolute;width:0;height:0;border-style:solid}.tooltip.top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px)}.tooltip.top::before{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0 6px;border-color:rgba(30,41,59,.95) transparent transparent transparent}.tooltip.bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-8px)}.tooltip.bottom::before{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent rgba(30,41,59,.95) transparent}.tooltip.left{top:50%;right:calc(100% + 10px);transform:translateY(-50%) translateX(8px)}.tooltip.left::before{top:50%;left:100%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(30,41,59,.95)}.tooltip.right{top:50%;left:calc(100% + 10px);transform:translateY(-50%) translateX(-8px)}.tooltip.right::before{top:50%;right:100%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent rgba(30,41,59,.95) transparent transparent}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{opacity:1;pointer-events:auto}.tooltip-container:hover .tooltip.top,.tooltip-container:focus-within .tooltip.top{transform:translateX(-50%) translateY(0)}.tooltip-container:hover .tooltip.bottom,.tooltip-container:focus-within .tooltip.bottom{transform:translateX(-50%) translateY(0)}.tooltip-container:hover .tooltip.left,.tooltip-container:focus-within .tooltip.left{transform:translateY(-50%) translateX(0)}.tooltip-container:hover .tooltip.right,.tooltip-container:focus-within .tooltip.right{transform:translateY(-50%) translateX(0)}.form-group .tooltip-container{margin-left:.5rem;vertical-align:middle}.form-label-with-tooltip{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tooltip strong{color:#a78bfa;font-weight:600}.tooltip code{background:rgba(31,74,134,.2);padding:.125rem .375rem;border-radius:4px;font-family:'Consolas','Monaco',monospace;font-size:13px}.tooltip ul{margin:.5rem 0 0 0;padding-left:1.25rem}.tooltip li{margin:.25rem 0}@media(max-width:768px){.tooltip{min-width:180px;max-width:250px;font-size:13px;padding:.625rem .875rem}.info-icon{width:16px;height:16px;font-size:11px}}.info-icon:focus{outline:2px solid #12315c;outline-offset:2px}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.info-icon{background:linear-gradient(135deg,#4c1d95 0%,#0b2244 100%);color:#e8edf4;border-color:#0b2244}.info-icon:hover{background:linear-gradient(135deg,#0b2244 0%,#6d28d9 100%)}.tooltip{background:rgba(17,24,39,.95);box-shadow:0 10px 25px rgba(0,0,0,.5)}.tooltip.top::before{border-color:rgba(17,24,39,.95) transparent transparent transparent}.tooltip.bottom::before{border-color:transparent transparent rgba(17,24,39,.95) transparent}.tooltip.left::before{border-color:transparent transparent transparent rgba(17,24,39,.95)}.tooltip.right::before{border-color:transparent rgba(17,24,39,.95) transparent transparent}.tooltip strong{color:#d3ddea}.tooltip code{background:rgba(199,210,254,.2)}}@media(prefers-reduced-motion:reduce){.info-icon,.tooltip{transition:none}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{transform:translateX(-50%)!important}}