.packet-analyzer{color:var(--portal-ink,#172033)}.packet-upload-panel,.packet-chart-card,.packet-list-card,.packet-table-card{border:1px solid var(--portal-border,#e5e8f5);border-radius:1rem;background:rgba(255,255,255,.8);padding:1.25rem}.packet-upload-copy{display:flex;gap:1rem;align-items:center}.packet-upload-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:#eef1ff;color:var(--bs-primary);font-size:1.4rem}.packet-dropzone{display:flex;min-height:130px;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #cbd3f0;border-radius:.85rem;margin-top:1rem;cursor:pointer;color:#465774}.packet-dropzone:hover{border-color:var(--bs-primary);background:#f7f8ff}.packet-dropzone i{font-size:1.7rem;color:var(--bs-primary)}.packet-dropzone small{color:#718096}.packet-progress{color:#4f46e5}.packet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.packet-metrics>div{padding:1rem;border:1px solid var(--portal-border,#e5e8f5);border-radius:.75rem;background:#fff}.packet-metrics span{display:block;font-size:.8rem;color:#718096}.packet-metrics strong{font-size:1.2rem}.packet-chart-card [data-packet-protocol-chart],.packet-chart-card [data-packet-timeline-chart]{height:280px}.packet-list-card ol{margin:0;padding-left:1.25rem}.packet-list-card li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0}.packet-table-card label{font-size:.78rem;color:#5f6f85}.packet-table-card label input{min-width:120px}@media(max-width:767px){.packet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.packet-table-card label{width:calc(50% - .25rem)}.packet-table-card label input{min-width:0;width:100%}}
.packet-tabs{display:flex;gap:.35rem;overflow:auto;margin:1rem 0;padding-bottom:.2rem}.packet-tabs button{border:1px solid var(--portal-border,#e5e8f5);border-radius:.55rem;background:#fff;color:#5f6f85;padding:.5rem .75rem;white-space:nowrap;font-size:.86rem}.packet-tabs button.active{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.packet-chart-card [data-packet-size-chart],.packet-chart-card [data-packet-tcp-chart]{height:300px}.packet-list-card dl{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin:0}.packet-list-card dt{color:#718096;font-weight:500}.packet-list-card dd{margin:0;font-weight:600}.packet-diagnostic{border-left:3px solid #6366f1;padding:.65rem .8rem;background:#f7f8ff;margin:.5rem 0}.packet-diagnostic.warning{border-color:#eab308}.packet-diagnostic small{display:block;color:#5f6f85;margin-top:.2rem}