#page-surveys{color:var(--ink,#16344b)}
#surveys-workspace{display:grid;gap:20px;padding-top:16px;min-width:0}
.survey-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:18px}
.survey-filters label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#536879;flex:1;min-width:140px}
.survey-filters select,.survey-filters input{font:inherit;font-size:14px;padding:10px;border:1px solid #cbdbe7;border-radius:9px;width:100%;min-height:42px;box-sizing:border-box;background:#fff;color:#16344b}
#survey-stat-results{display:grid;gap:20px}.survey-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.survey-metric,.survey-panel{background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:22px;min-width:0}
.survey-metric{display:grid;gap:10px;border-top:3px solid #3a82ba}.survey-metric span{font-size:13px;color:#536879}.survey-metric strong{font-size:32px;line-height:1.2;color:#174f80;font-variant-numeric:tabular-nums}.survey-metric small{font-size:12px;color:#64788a}
.survey-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.survey-panel h3{font-size:17px;margin:0 0 8px}.survey-panel header{margin-bottom:18px}.survey-panel p{font-size:13px;color:#64788a;line-height:1.6;margin:0}
.survey-bars{display:grid;gap:10px;margin-top:20px}.survey-bars button{display:grid;grid-template-columns:36px 1fr 30px;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;padding:8px 4px;font:inherit;font-size:13px;cursor:pointer;color:#38556c;text-align:left}.survey-bars i{display:block;background:#edf3f7;height:14px;border-radius:6px;overflow:hidden}.survey-bars b{display:block;background:#3a82ba;height:100%;border-radius:6px}.survey-bars button.selected,.survey-area-grid button.selected{outline:2px solid #1768b5;background:#eef6ff}.survey-chart-note{margin-top:14px!important;font-size:12px!important}
.survey-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.survey-area-grid button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#f8fafc;border:1px solid #e1eaf0;border-radius:12px;color:#38556c;font:inherit;font-size:13px;cursor:pointer;text-align:left}.survey-area-grid strong{font-size:22px;color:#174f80}
.survey-table-wrap{max-width:100%;overflow:auto}.survey-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.survey-table-wrap th{font-size:11px;color:#64788a;font-weight:600;background:#f8fafc}.survey-table-wrap th,.survey-table-wrap td{padding:13px 10px;border-bottom:1px solid #edf2f6;vertical-align:top}.survey-table-wrap td:last-child{min-width:140px;overflow-wrap:anywhere}.survey-table-wrap small{display:block;margin-top:6px;color:#64788a}
.survey-interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.survey-interest-grid article{padding:18px;background:#f8fafc;border:1px solid #e1eaf0;border-radius:14px;overflow-wrap:anywhere}.survey-interest-grid h4{font-size:15px;margin:8px 0}.survey-interest-grid span,.survey-interest-grid small{color:#64788a;font-size:11px}.survey-interest-grid small{display:block;margin-top:12px}
.survey-empty{padding:32px 16px;text-align:center;color:#64788a;background:#f8fafc;border-radius:14px}.survey-empty strong{display:block;font-size:14px;color:#38556c;margin-bottom:8px}.survey-empty p{font-size:13px}.survey-filters button:focus-visible,.survey-panel button:focus-visible{outline:3px solid #1768b5;outline-offset:3px}
@media(max-width:900px){.survey-metrics,.survey-interest-grid{grid-template-columns:1fr 1fr}.survey-area-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.survey-chart-grid,.survey-interest-grid{grid-template-columns:1fr}.survey-metric,.survey-panel{padding:16px}.survey-metric strong{font-size:26px}.survey-filters{padding:14px;gap:10px}.survey-table-wrap table,.survey-table-wrap tbody,.survey-table-wrap tr,.survey-table-wrap td{display:block}.survey-table-wrap thead{display:none}.survey-table-wrap tr{border:1px solid #e1eaf0;border-radius:12px;padding:10px;margin-bottom:12px}.survey-table-wrap td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:7px 0;border:0;min-width:0!important;overflow-wrap:anywhere}.survey-table-wrap td:before{content:attr(data-label);color:#64788a;font-size:11px}.survey-table-wrap td small{grid-column:2}.survey-area-grid button{padding:12px;font-size:12px}}