.qos-workspace{margin-top:2rem}.recommendation-header{margin:1.5rem 0 2rem;padding:1.5rem;border:1px solid #d9eeff;border-left:4px solid #0077cc;background:#f7fbff}.recommendation-header h2{margin:.25rem 0 .5rem}.recommendation-header p{max-width:850px}.provider-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.provider-links a{font-size:.9rem}.qos-status{margin:1rem 0}.recommendations{display:grid;gap:.75rem;margin:1.5rem 0}.qos-recommendation{padding:1rem 1.1rem;border:1px solid #d9dee5;border-left:4px solid #66788a;background:#fff}.qos-recommendation.warning{border-left-color:#b7791f}.qos-recommendation.good{border-left-color:#2f855a}.qos-recommendation.info{border-left-color:#0077cc}.rec-top{display:flex;gap:.7rem;align-items:center}.rec-top span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#66788a}.qos-recommendation p{margin:.5rem 0}.qos-recommendation small{display:block;color:#66788a}.qos-recommendation button{margin-top:.75rem;background:none;border:0;padding:0;color:#0077cc;font-weight:700;cursor:pointer}.analysis-card{margin-top:1rem}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#66788a;margin:.5rem 0}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;background:#66788a}.legend .video{background:#0077cc}.legend .ef{background:#102a43}.timeline{height:210px;display:flex;align-items:end;gap:3px;padding:1rem;border:1px solid #e3e8ee;background:#fbfcfd}.timeline-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;gap:1px}.timeline-col span{display:block;min-height:1px}.timeline-col .be{background:#66788a}.timeline-col .video{background:#0077cc}.timeline-col .ef{background:#102a43}.qos-note{color:#66788a}.device-results{overflow:auto}@media(max-width:700px){.recommendation-header{padding:1rem}.provider-links{flex-direction:column;gap:.5rem}}