.junction-selector{margin:12px 0 16px}.junction-selector .dataset-detail{font-size:11px;line-height:1.5;margin:8px 0}.junction-approaches{display:grid;gap:11px;margin:15px 0}.junction-approach{display:flex;justify-content:space-between;align-items:center;gap:8px}.junction-approach strong{display:block;font-size:12px}.junction-approach small{display:block;margin-top:3px;font-size:10px;color:var(--muted,#688580)}.junction-light{font-size:10px;text-transform:capitalize;padding:4px 9px;border-radius:12px;background:#edf3f1;color:#517571}.junction-light.red{background:#f8eae8;color:#a8554c}.junction-light.green{background:#def2e9;color:#26735c}.junction-light.yellow{background:#faf0d6;color:#9a7223}.junction-pedestrians{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0;border-top:1px solid #e2eeeb;border-bottom:1px solid #e2eeeb}.junction-pedestrians strong{display:block;font-size:23px;font-weight:600;color:#266e70}.junction-pedestrians span{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#65817e}.junction-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}.junction-actions .text-button{font-size:11px}.junction-settings{border:1px solid #9acbc8;border-radius:10px;padding:18px;margin:20px 0;background:#f7fbfa;min-width:0}.junction-settings legend{font-size:15px;font-weight:600;color:#326b69;padding:0 7px}.junction-settings .info-note{font-size:12px;line-height:1.6}.junction-settings input[type=checkbox]{width:18px;height:18px}.junction-panel[hidden],.junction-selector[hidden],.junction-settings[hidden]{display:none}