.ctrl-page{display:grid;gap:18px}.ctrl-page h1{font-size:28px;margin:0}.ctrl-page header p{color:#667c8e}.ctrl-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ctrl-filters label{flex:1;min-width:130px}.ctrl-filters input,.ctrl-filters select{width:100%}.ctrl-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ctrl-kpis article{display:grid;gap:6px}.ctrl-kpis strong{font-size:26px;color:#07354d}.ctrl-kpis small{color:#667c8e}.ctrl-scroll{overflow:auto}.ctrl-scroll table{border-collapse:collapse;width:100%;white-space:nowrap}.ctrl-scroll th,.ctrl-scroll td{padding:12px;border-bottom:1px solid #e1e9ef;text-align:center}.ctrl-scroll td:first-child,.ctrl-scroll th:first-child{text-align:left;position:sticky;left:0;background:white}.ctrl-scroll td small{display:block;color:#73859a}.ctrl-dot{display:inline-block;width:17px;height:17px;border-radius:50%;border:1px solid #b9c7d0}.ctrl-dot.green{background:#169d72}.ctrl-dot.yellow{background:#e9b441}.ctrl-dot.red{background:#d95360}.ctrl-dot.gray{background:#aab5c0}.ctrl-dot.empty{background:#fff}.ctrl-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:15px 0}@media(max-width:750px){.ctrl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
