.panel { background: linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); border:1px solid var(--border); border-radius:20px; box-shadow:0 18px 45px rgba(0,0,0,.15); }
.ip-panel { display:grid; grid-template-columns: .8fr 1.8fr; gap:1rem; padding:1.2rem; }
.ip-primary { display:flex; flex-direction:column; justify-content:center; min-height:210px; padding:1.25rem; background:rgba(7,15,34,.45); border-radius:15px; }
.ip-primary > span { color:var(--muted); font-size:.63rem; letter-spacing:.14em; }.ip-primary > div { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; }.ip-primary strong { color:var(--orange-accent); font-size:clamp(1.5rem,4vw,2.35rem); overflow-wrap:anywhere; }.ip-primary p { margin:.5rem 0 0; color:#dfe5f3; }
.copy-button { padding:.35rem .65rem; border:1px solid rgba(255,107,43,.45); border-radius:999px; background:rgba(232,93,4,.08); cursor:pointer; font-size:.7rem; }.copy-button:disabled { opacity:.45; cursor:not-allowed; }
.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); margin:0; }
.detail-grid > div { min-width:0; padding:1rem; border-bottom:1px solid var(--border); }.detail-grid > div:nth-last-child(-n+2) { border-bottom:0; }.detail-grid dt,.reputation-grid dt { color:var(--muted); font-size:.65rem; }.detail-grid dd,.reputation-grid dd { margin:.25rem 0 0; overflow-wrap:anywhere; font-size:.85rem; }
.badge,.status-badge { display:inline-flex; align-items:center; min-height:24px; padding:.2rem .55rem; border-radius:999px; font-size:.67rem; font-weight:700; }.badge.muted,.status-badge.muted { color:#d9dfeb; background:rgba(255,255,255,.08); }.badge.clean,.status-badge.clean { color:#92f9b9; background:rgba(0,200,81,.14); }.badge.risk,.status-badge.risk { color:#ffe093; background:rgba(255,187,51,.14); }.badge.caution,.status-badge.caution { color:#ffb17f; background:rgba(232,93,4,.16); }.badge.flagged,.status-badge.flagged { color:#ff9e9e; background:rgba(255,68,68,.16); }
.skeleton-text { position:relative; color:transparent!important; border-radius:5px; overflow:hidden; background:rgba(255,255,255,.07); }.is-loading .skeleton-text::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent); animation:skeleton 1.25s infinite; }.ip-panel:not(.is-loading) .skeleton-text { color:inherit!important; background:transparent; }
@keyframes skeleton { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
.blacklist-panel { max-width:600px; min-height:190px; margin:auto; padding:1.2rem; }.panel-loading,.empty-state { min-height:160px; display:grid; place-items:center; align-content:center; text-align:center; color:var(--muted); }.spinner { width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite; }.panel-loading p,.empty-state p { margin:.75rem 0 0; max-width:520px; }.empty-state strong { color:#fff; }
@keyframes spin { to { transform:rotate(360deg); } }
.reputation-summary { display:grid; grid-template-columns:.8fr 1.2fr; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }.reputation-summary > div { display:flex; flex-direction:column; gap:.45rem; }.reputation-summary span { color:var(--muted); font-size:.63rem; letter-spacing:.11em; }.reputation-summary .status-badge { width:fit-content; font-size:.8rem; }.score-wrap strong { font-size:1.2rem; }.score-bar { height:7px; overflow:hidden; background:rgba(255,255,255,.08); border-radius:7px; }.score-bar span { display:block; width:0; height:100%; background:var(--download); transition:width .5s; }
.reputation-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:0; }.reputation-grid > div { padding:1rem .7rem .2rem; }
.history-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:16px; background:rgba(8,15,34,.42); }.history-table { width:100%; min-width:720px; border-collapse:collapse; }.history-table th,.history-table td { padding:.8rem 1rem; text-align:left; border-bottom:1px solid var(--border); font-size:.76rem; }.history-table th { color:var(--muted); font-size:.62rem; letter-spacing:.1em; }.history-table tr:last-child td { border-bottom:0; }.empty-cell { text-align:center!important; color:var(--muted); padding:2rem!important; }
@media(max-width:800px){.ip-panel{grid-template-columns:1fr}.ip-primary{min-height:150px}.reputation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.detail-grid{grid-template-columns:1fr}.detail-grid>div:nth-last-child(2){border-bottom:1px solid var(--border)}.reputation-summary{grid-template-columns:1fr}.reputation-grid{grid-template-columns:1fr 1fr}.ip-primary{padding:1rem}.blacklist-panel{padding:1rem}}