#trace .trace-search-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700}#trace .trace-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#trace .trace-search input{flex:1 1 340px;max-width:none;min-width:0;padding:10px 12px}#trace .trace-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0 0;font-size:12px;color:#596f88}#trace .trace-filters label{display:flex;align-items:center;gap:6px}#trace .trace-filters input,#trace .trace-filters select{width:auto;max-width:100%}#trace .trace-error{color:#b42318}#trace #traceSearchStatus{margin-top:10px;font-size:12px;overflow-wrap:anywhere}#trace #traceResult{margin-top:12px}#trace .trace-table-scroll{overflow-x:auto;max-width:100%}#trace .trace-table-scroll table{min-width:690px;width:100%;border-collapse:collapse;font-size:12px}#trace .trace-table-scroll th,#trace .trace-table-scroll td{padding:10px 9px;line-height:1.5;text-align:left;border-bottom:1px solid #e1e8f1;white-space:normal;overflow-wrap:anywhere;vertical-align:top}#trace .trace-table-scroll th{background:#f4f7fb;color:#526780;white-space:nowrap;font-weight:600}#trace .trace-table-scroll td small{display:block;font-size:11px;color:#64748b;margin-top:3px}#trace .trace-table-scroll tr.selected{background:#edf5ff}#trace .trace-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#64748b}#trace .trace-pager>div{display:flex;gap:6px}#trace .trace-empty{padding:18px;text-align:center;color:#64748b}#trace #traceDetail[hidden],#trace [data-trace-panel][hidden]{display:none!important}#trace #traceDetail>.box{margin-top:12px}#trace .trace-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#trace #traceIdentity{font-size:15px;font-weight:700}#trace #traceSelectedLot{margin-top:5px;font-size:12px;color:#64748b;overflow-wrap:anywhere}#trace #traceCurrentStatus{font-size:12px;font-weight:600;color:#1d64b4;max-width:100%;overflow-wrap:anywhere}#trace .trace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid #e0e7ef;margin-top:12px;padding-top:12px}#trace .trace-metrics span{display:block;color:#64748b;font-size:11px}#trace .trace-metrics strong{font-size:22px;font-variant-numeric:tabular-nums}#trace .trace-metrics small{font-size:11px}#trace .trace-flow{display:flex;flex-wrap:wrap;list-style:none;gap:10px;padding:0;margin:10px 0 0}#trace .trace-flow>li{flex:1 1 155px;min-width:0;max-width:100%}#trace .trace-step{width:100%;height:100%;padding:12px;border:1px solid #d5dce5;border-radius:7px;text-align:left;background:#f3f5f7;color:#677487;cursor:pointer;font:inherit}#trace .trace-step b{display:block;font-size:13px}#trace .trace-step span{display:block;white-space:pre-line;margin-top:5px;font-size:11px;overflow-wrap:anywhere}#trace .trace-step .trace-position-label{font-weight:700}#trace .trace-step.current{color:#124a8f;background:#e8f2ff;border:2px solid #2563eb;padding:11px}#trace .trace-step.current .trace-position-label{color:#174fba}#trace .trace-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}#trace .trace-tabs button[aria-selected=true]{background:#1d64b4;color:#fff;border-color:#1d64b4}#trace .trace-selected-event{background:#edf5ff}#trace .trace-box-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:12px}#trace .trace-box-tools label{display:flex;gap:6px;align-items:center}#trace .trace-box-tools select{width:auto}#trace .trace-box-tools input[type=checkbox]{width:17px;height:17px;margin:0}#trace #traceBoxCount{font-size:12px;color:#315c90;margin:0 0 9px}#trace .trace-quality-summary{font-size:12px;line-height:1.7}#trace .trace-legend{font-size:11px;color:#64748b;margin:8px 0 0}#trace button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media(max-width:650px){#trace .trace-search input{flex-basis:100%}#trace .trace-search button{flex:1 1 auto;min-height:40px}#trace .trace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#trace .trace-filters label{max-width:100%;flex-wrap:wrap}#trace .trace-flow>li{flex-basis:calc(50% - 10px)}#trace .trace-tabs button{min-height:40px}}
#trace .trace-step.selected-step{background:#f1eaff;color:#5b21b6;box-shadow:inset 0 0 0 2px #7c3aed}#trace .trace-step.current.selected-step{background:#e8f2ff;color:#124a8f}

#trace .trace-box-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#e8f2ff;border:1px solid #2563eb;border-radius:8px;padding:16px;margin-top:12px;color:#124a8f}#trace .trace-box-status[hidden]{display:none!important}#trace .trace-box-status b{font-size:20px}#trace .trace-box-status span{padding:0 8px;border-left:1px solid #a9c8ee}

#trace [data-trace-event]{cursor:pointer}#trace [data-trace-event]:hover,#trace [data-trace-event]:focus-visible{background:#e8f2ff;outline:2px solid #7aa9e3;outline-offset:-2px}
.trace-event-dialog{width:min(1100px,94vw);max-height:90vh;box-sizing:border-box;overflow:auto;border:0;border-radius:10px;padding:20px;color:#183752;box-shadow:0 20px 65px #102a4966}.trace-event-dialog::backdrop{background:#102a4977}.trace-event-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-20px;background:white;padding:10px 0;border-bottom:1px solid #dae4ef;z-index:1}.trace-event-dialog h2{font-size:20px;margin:0}.trace-event-dialog article{padding:14px 0;border-bottom:1px solid #dae4ef}.trace-event-dialog h3{font-size:16px}.trace-event-identity{display:grid;gap:6px;background:#edf5ff;padding:14px;margin-top:12px;border-radius:7px;overflow-wrap:anywhere}.trace-event-identity small{color:#64748b}.trace-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.trace-detail-fields>div{padding:10px;background:#f5f8fc;border:1px solid #e1e8f1;border-radius:6px;min-width:0}.trace-detail-fields dt{font-size:12px;color:#61758a;margin-bottom:5px}.trace-detail-fields dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.trace-event-dialog table{width:100%;border-collapse:collapse;font-size:13px}.trace-event-dialog th,.trace-event-dialog td{padding:9px;border-bottom:1px solid #e1e8f1;text-align:left}@media(max-width:650px){.trace-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-event-dialog{padding:14px;width:96vw}}@media(max-width:380px){.trace-detail-fields{grid-template-columns:1fr}}