.ip-detail-page{display:flex;flex-direction:column;gap:var(--space-4)}.ip-detail-hero{position:relative;padding-block:var(--space-5)}.ip-detail-hero__grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}@media (max-width:768px){.ip-detail-hero__grid{grid-template-columns:1fr;justify-items:start}}.ip-detail-hero__main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}.ip-detail-hero__ip{font-family:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);font-size:clamp(1.25rem,1rem+1.5vw,2rem);font-weight:700;letter-spacing:0.02em;color:var(--color-on-primary);word-break:break-all}.ip-detail-hero__flag{display:inline-flex;align-items:center;gap:var(--space-2)}.ip-detail-hero__flag .fi{font-size:1.75rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.ip-detail-hero__country{font-size:var(--text-sm);color:var(--color-text-muted)}.ip-detail-hero__period{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.ip-detail-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.ip-detail-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ip-detail-gauge{--gauge-pct:0;width:7.5rem;height:7.5rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient( var(--color-cyan) calc(var(--gauge-pct) * 1%),color-mix(in srgb,var(--color-border) 40%,transparent) 0 );box-shadow:var(--shadow-card-halo);position:relative}.ip-detail-gauge::before{content:'';position:absolute;inset:0.45rem;border-radius:50%;background:var(--color-card);border:1px solid var(--color-card-edge)}.ip-detail-gauge__val{position:relative;z-index:1;font-size:var(--text-xl);font-weight:800;color:var(--color-on-primary);font-family:var(--font-mono,ui-monospace,monospace)}.ip-detail-gauge__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em}.ip-detail-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-3)}.ip-detail-kpi{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-card-edge);background:var(--color-card);box-shadow:var(--shadow-1);transition:box-shadow var(--transition-base)}.ip-detail-kpi:hover{box-shadow:var(--shadow-card-halo)}.ip-detail-kpi__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.ip-detail-kpi__val{font-size:var(--text-md);font-weight:700;color:var(--color-on-primary)}.ip-detail-kpi__ico{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);background:color-mix(in srgb,var(--color-cyan) 12%,transparent);color:var(--color-cyan);border:1px solid color-mix(in srgb,var(--color-cyan) 25%,transparent)}.ip-detail-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.ip-detail-grid__span-6{grid-column:span 6}.ip-detail-grid__span-12{grid-column:span 12}.ip-detail-grid__span-4{grid-column:span 4}@media (max-width:1024px){.ip-detail-grid__span-6,.ip-detail-grid__span-4{grid-column:span 12}}.ip-detail-card{padding:var(--space-4)}.ip-detail-card__title{margin:0 0 var(--space-1);font-size:var(--text-h3);font-weight:800;color:var(--color-on-primary);display:flex;align-items:center;gap:var(--space-2)}.ip-detail-card__sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.ip-detail-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ip-detail-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 80%,transparent);color:var(--color-text)}.ip-detail-chip--accent{border-color:color-mix(in srgb,var(--color-cyan) 35%,transparent);background:color-mix(in srgb,var(--color-cyan) 10%,transparent);color:var(--color-cyan)}.ip-detail-chip--warn{border-color:color-mix(in srgb,var(--color-warning,#ffc400) 40%,transparent);background:color-mix(in srgb,var(--color-warning,#ffc400) 12%,transparent)}.ip-detail-filters{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3);align-items:end}.ip-detail-filters .col-2{grid-column:span 2}.ip-detail-filters .col-3{grid-column:span 3}.ip-detail-filters .col-12{grid-column:span 12}@media (max-width:950px){.ip-detail-filters .col-2,.ip-detail-filters .col-3{grid-column:span 12}}.ip-detail-field__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.ip-detail-field__input{width:100%;min-height:var(--touch-min);padding:0.5rem 0.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.ip-detail-field__input:focus{outline:2px solid var(--color-cyan);outline-offset:2px}.ip-detail-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.ip-detail-chart-area{border-radius:var(--radius-lg);border:1px solid var(--color-card-edge);background:linear-gradient(var(--chart-grid) 1px,transparent 1px),linear-gradient(90deg,var(--chart-grid) 1px,transparent 1px),linear-gradient(180deg,var(--chart-surface),transparent);background-size:2.5rem 2.5rem,2.5rem 2.5rem,100% 100%;overflow:hidden;height:17.5rem;position:relative;padding:var(--space-2)}.ip-detail-chart-area--sm{height:15rem}.ip-detail-chart-footer{margin-top:var(--space-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ip-detail-legend-dot{width:0.625rem;height:0.625rem;border-radius:50%;display:inline-block;margin-right:0.5rem;background:var(--color-cyan);box-shadow:0 0 0.875rem color-mix(in srgb,var(--color-cyan) 35%,transparent)}.ip-detail-legend-dot--warn{background:var(--color-warning,#c89600)}.ip-detail-events .hp-table-wrap{margin-top:var(--space-3)}.ip-detail-pagination{margin-top:var(--space-4)}[data-theme="dark"] .ip-detail-gauge::before{background:var(--color-card)}.ip-detail-chips--services{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ip-detail-chips--services .ip-detail-chip{padding:var(--space-2) var(--space-3);border:1px solid var(--color-card-edge);box-shadow:var(--elevation-1)}.ip-detail-chip__cnt{margin-left:var(--space-1);font-weight:700;color:var(--color-cyan)}.hp-evidence-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.75rem;min-height:var(--touch-min);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-cyan) 8%,var(--color-surface));color:var(--color-text);font-size:var(--text-xs,0.75rem);cursor:pointer}.hp-evidence-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.hp-evidence-toggle:hover{border-color:var(--color-cyan)}.hp-evidence-row td{padding:0 0 var(--space-3);border-bottom:1px solid var(--color-border)}.hp-evidence-card{margin-top:var(--space-2);border-left:3px solid var(--color-cyan);padding-left:var(--space-3)}.hp-evidence-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.hp-evidence-title{margin:0;font-size:var(--text-sm);font-weight:600}.hp-evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.hp-evidence-kv{display:flex;flex-direction:column;gap:0.2rem;min-width:0}.hp-evidence-kv--wide{grid-column:1 / -1}.hp-evidence-k{font-size:var(--text-xs,0.75rem);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted)}.hp-evidence-v{font-size:var(--text-sm);word-break:break-word}.hp-evidence-block{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.hp-evidence-pre{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-text) 4%,var(--color-surface));color:var(--color-text);font-family:var(--font-mono,ui-monospace,monospace);font-size:0.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-all;max-height:12rem;overflow:auto}.hp-evidence-pre--meta{max-height:16rem;font-size:0.72rem}.hp-evidence-meta summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}[data-theme="dark"] .hp-evidence-pre{background:color-mix(in srgb,var(--color-cyan) 5%,var(--color-card))}.hp-evidence-actions{display:inline-flex;align-items:center;gap:0.35rem}.hp-compare-check{display:inline-flex;cursor:pointer}.hp-compare-check input{accent-color:var(--color-cyan)}.hp-evidence-timeline{position:relative;padding-left:1.25rem}.hp-evidence-timeline__rail{position:absolute;left:0.35rem;top:0.5rem;bottom:0.5rem;width:2px;border-radius:2px;background:linear-gradient( 180deg,var(--color-cyan),color-mix(in srgb,var(--color-cyan) 20%,transparent) )}.hp-evidence-timeline::before{content:"";position:absolute;left:0.15rem;top:0.65rem;width:0.55rem;height:0.55rem;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-cyan) 25%,transparent)}.hp-evidence-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-cyan) 25%,var(--color-border));background:color-mix(in srgb,var(--color-cyan) 6%,var(--color-surface))}.hp-evidence-hero__item{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.hp-evidence-hero__item--wide{grid-column:1 / -1}.hp-evidence-reason{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 8%,var(--color-surface));font-size:var(--text-sm);line-height:1.45}.hp-evidence-reason i{color:var(--color-cyan);margin-top:0.15rem}.hp-http-method{font-family:var(--font-mono,ui-monospace,monospace);font-weight:600;color:var(--color-success,#2a9d6e)}.hp-http-path{font-family:var(--font-mono,ui-monospace,monospace);color:var(--color-cyan)}.hp-http-query{font-family:var(--font-mono,ui-monospace,monospace);color:var(--color-warning,#c89600)}.hp-http-ver{font-family:var(--font-mono,ui-monospace,monospace);color:var(--color-text-muted)}.hp-evidence-pre--line{max-height:6rem}.hp-evidence-pre--payload{border-left:3px solid var(--color-warning,#c89600)}.hp-tag--rule{border-color:color-mix(in srgb,var(--color-cyan) 40%,var(--color-border));background:color-mix(in srgb,var(--color-cyan) 10%,var(--color-surface))}.hp-event-port,.hp-evidence-port{font-weight:600;color:var(--color-cyan)}.hp-compare-panel{margin-bottom:var(--space-3)}.hp-compare-panel__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.hp-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (max-width:900px){.hp-compare-grid{grid-template-columns:1fr}}.hp-compare-col .hp-evidence-card{margin-top:0}.hp-event-target .hp-http-method{margin-right:0.35rem}.hp-chip--service{display:inline-flex;align-items:center;gap:0.35rem;font-weight:600}.hp-chip--service i{opacity:0.9}.ip-detail-chips--services{flex-wrap:wrap;gap:var(--space-2)}.ip-detail-chip__cnt{font-variant-numeric:tabular-nums;opacity:0.85;margin-left:0.25rem}