.tracking-page { display:flex; flex-direction:column; gap:24px; min-width:0; max-width:100%; }
.tracking-page h2,.tracking-body h3,.tracking-embedded h3 { color:var(--wsg-ink); font:700 16px/1.7 var(--wsg-font-display); margin:0; }
.tracking-note,.tracking-unavailable { padding:12px 16px; border:1px solid var(--border); border-radius:8px; background:var(--wsg-background); font-size:12px; line-height:1.85; color:var(--wsg-body); margin:0; overflow-wrap:anywhere; }
.tracking-unavailable { border-left:3px solid var(--primary); }
.tracking-error { background:var(--danger-bg); color:var(--danger); padding:12px 16px; border-radius:8px; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.tracking-error:focus { outline:2px solid var(--danger); outline-offset:3px; }
.tracking-registry { padding:20px; min-width:0; background:var(--wsg-white); }
.tracking-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.tracking-filters > label { display:flex; flex-direction:column; gap:6px; min-width:150px; font-size:11px; color:var(--wsg-body); }
.tracking-filters > label:first-child { flex:1; min-width:220px; }
.tracking-filters input,.tracking-filters select,.tracking-field input,.tracking-field textarea,.tracking-field select { width:100%; min-width:0; border:1px solid var(--border); border-radius:8px; padding:10px 12px; background:var(--wsg-white); color:var(--wsg-ink); font:400 12px/1.7 var(--wsg-font-body); }
.tracking-registry-scroll { min-width:0; max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:8px; }
.tracking-registry-scroll table { min-width:680px; }
.tracking-registry-scroll td { vertical-align:top; }
.tracking-registry-scroll td:first-child { min-width:250px; }
.tracking-registry-scroll td:nth-child(3) { min-width:210px; }
.tracking-badge { display:inline-flex; width:fit-content; padding:5px 9px; border-radius:6px; border:1px solid var(--border); background:var(--wsg-white); color:var(--wsg-body); font-size:10px; line-height:1.7; white-space:normal; }
.tracking-badge.none { color:var(--success); background:var(--success-bg); border-color:transparent; }
.tracking-badge.lot { color:var(--primary); background:var(--wsg-background); border-color:var(--primary); }
.tracking-body { display:flex; flex-direction:column; gap:16px; min-width:0; max-width:100%; font-size:12px; line-height:1.85; color:var(--wsg-body); }
.tracking-body > * { min-width:0; flex-shrink:0; }
.tracking-product-context { display:flex; flex-direction:column; gap:8px; padding:16px; border:1px solid var(--border); border-radius:12px; background:var(--wsg-white); }
.tracking-product-context > strong { font:700 16px/1.7 var(--wsg-font-display); color:var(--wsg-ink); overflow-wrap:anywhere; }
.tracking-product-context p { margin:0; }
.tracking-history ol { padding-left:20px; }
.tracking-history li { padding:12px 0; }
.tracking-history p,.tracking-retained { white-space:pre-wrap; overflow-wrap:anywhere; }
.tracking-history small { color:var(--wsg-body); }
.tracking-history details { padding-top:12px; border-top:1px solid var(--border); font-size:11px; }
.tracking-history summary { cursor:pointer; color:var(--primary); }
.tracking-history code { display:block; overflow-wrap:anywhere; white-space:normal; font:500 10px/1.8 var(--wsg-font-mono); }
.tracking-create-form { display:flex; flex-direction:column; max-height:calc(100dvh - 160px); }
.tracking-create-form > .dialog-body { flex:1 1 auto; min-height:0; max-height:none; }
.tracking-create-form > .dialog-foot { flex-shrink:0; flex-wrap:wrap; }
.tracking-create-form .dialog-foot .actions { flex-wrap:wrap; }
.tracking-create-form .btn { white-space:normal; }
.tracking-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.tracking-field { display:flex; flex-direction:column; gap:6px; font-size:11px; color:var(--wsg-body); }
.tracking-field.full { grid-column:1/-1; }
.tracking-field textarea { min-height:90px; resize:vertical; }
.tracking-review-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; margin:0; }
.tracking-review-facts dt { color:var(--wsg-body); font-size:10px; }
.tracking-review-facts dd { margin:4px 0 0; color:var(--wsg-ink); font-weight:600; overflow-wrap:anywhere; }
.tracking-consent { display:flex; gap:10px; align-items:flex-start; font-size:12px; color:var(--wsg-ink); }
.tracking-consent input { width:16px; height:16px; flex-shrink:0; margin-top:3px; accent-color:var(--primary); }
.tracking-embedded { padding:16px; margin-top:20px; border:1px solid var(--border); border-radius:12px; background:var(--wsg-white); font-size:12px; line-height:1.85; }
.tracking-embedded h3 { margin-bottom:12px; }
.tracking-registry-scroll:focus-visible,.tracking-page input:focus-visible,.tracking-page select:focus-visible,.tracking-body input:focus-visible,.tracking-body textarea:focus-visible,.tracking-body select:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
@media(max-width:680px) { .tracking-registry { padding:16px; } .tracking-fields,.tracking-review-facts { grid-template-columns:minmax(0,1fr); } .tracking-page .segmented { flex-wrap:wrap; } .tracking-filters > label,.tracking-filters > label:first-child { min-width:0; flex-basis:100%; } }