.surveys{margin:36px auto;padding:28px;border:1px solid rgba(28,105,180,.7);border-radius:24px;background:rgba(5,18,40,.92);box-shadow:0 0 30px rgba(28,105,180,.18);color:#f4f8ff}.surveys[hidden]{display:none}.surveys h2,.surveys h3{color:#d8b34d}.surveys-warning{padding:12px;border-left:4px solid #d8b34d;background:rgba(216,179,77,.09);font-size:.86rem}.surveys-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.surveys-stage{min-height:480px;border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;background:#02101f}.surveys-canvas{display:block;width:100%;height:480px}.surveys-panel{display:grid;align-content:start;gap:12px;max-height:680px;overflow:auto;padding:14px;border:1px solid rgba(216,179,77,.38);border-radius:16px;background:rgba(255,255,255,.035)}.surveys-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.surveys button,.surveys select,.surveys input{border:1px solid #4da3e6;border-radius:9px;background:#07182c;color:#fff;padding:8px}.surveys button{cursor:pointer}.surveys button:hover{box-shadow:0 0 12px rgba(77,163,230,.5)}.survey-vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:5px}.survey-vars label{font-size:.78rem}.survey-time{width:min(440px,100%)}.survey-chart{min-height:220px}.survey-chart svg{width:100%;height:auto}.survey-tooltip{position:fixed;z-index:80;pointer-events:none;padding:8px 10px;border:1px solid #d8b34d;border-radius:8px;background:#061323;color:#fff;font-size:.75rem}.survey-badge{display:inline-block;padding:4px 7px;border:1px solid #d8b34d;border-radius:999px;color:#d8b34d;font-size:.68rem}.survey-close{float:right}.survey-status{min-height:1.4em;color:#d8b34d}
@media(max-width:850px){.surveys{padding:15px}.surveys-layout{grid-template-columns:1fr}.surveys-canvas{height:360px}.surveys-panel{max-height:none}}