/* IOC Enrichment page styles. Loaded after app.css. Light theme only. */
:root { --ie-border: #8796ab; --ie-mal: #b42318; --ie-sus: #d97706; --ie-info: #0284c7; --ie-clean: #059669; --ie-fail: #64748b; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Bold 2px outlines on every card and control */
.ax-app .ax-head, .ax-app .ax-tile, .ax-app .ax-table-wrap, .ax-app .ax-faq details, .ax-app .ax-links-group, .ax-app .ax-btn, .ax-app .ax-chip { border-width: 2px; }
.ax-app .ax-btn--ghost, .ax-app button.ax-chip { border-color: var(--ie-border); }

textarea#src { width: 100%; min-height: 168px; font-family: var(--ax-mono); font-size: 13px; line-height: 1.55; color: var(--ax-ink); background: #fff;
  border: 2px solid var(--ie-border); border-radius: 14px; padding: 12px 14px; outline: none; resize: vertical; white-space: pre; overflow: auto; font-variant-ligatures: none; }
textarea#src:focus { border-color: var(--ax-accent); box-shadow: 0 0 0 4px rgba(4,120,87,.14); }
@media (max-width: 640px) { textarea#src { font-size: 16px; min-height: 150px; } }
.ie-samples { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.ie-samples > span { font-family: var(--ax-mono); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-dim); word-break: keep-all; }
.ie-parsed { margin: 10px 0 0; font-family: var(--ax-mono); font-size: 12px; color: #344054; overflow-wrap: break-word; }
.ie-parsed:empty { display: none; }

/* Result bar */
.ie-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; }
.ie-bar h2 { margin: 0; font-family: var(--ax-display); font-size: 19px; color: var(--ax-ink); display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ie-bar .ie-cnt { font-family: var(--ax-mono); font-size: 12px; font-weight: 600; color: var(--ax-muted); }
.ie-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 760px) { .ie-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ie-tile { background: #fff; border: 2px solid var(--ax-line-2); border-radius: 12px; padding: 9px 11px; display: grid; gap: 2px; min-width: 0; }
.ie-tile b { font-family: var(--ax-display); font-size: 22px; line-height: 1.1; color: var(--ax-ink); }
.ie-tile span { font-family: var(--ax-mono); font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #344054; word-break: keep-all; }
.ie-tile.malicious { border-color: #f3a9a2; } .ie-tile.malicious b { color: var(--ie-mal); }
.ie-tile.suspicious { border-color: #f5c46b; } .ie-tile.suspicious b { color: #b45309; }
.ie-tile.info { border-color: #8fd0f2; } .ie-tile.info b { color: #075985; }
.ie-tile.clean { border-color: #86dcb8; } .ie-tile.clean b { color: #065f46; }
.ie-tile.failed { border-color: #b6c2d0; } .ie-tile.failed b { color: #475467; }

/* Cards */
.ie-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ie-card { background: #fff; border: 2px solid var(--ax-line-2); border-left-width: 6px; border-radius: 14px; padding: 12px 14px; display: grid; gap: 9px; min-width: 0; }
.ie-card.malicious { border-left-color: var(--ie-mal); }
.ie-card.suspicious { border-left-color: var(--ie-sus); }
.ie-card.info { border-left-color: var(--ie-info); }
.ie-card.clean { border-left-color: var(--ie-clean); }
.ie-card.failed { border-left-color: var(--ie-fail); }
.ie-card.pending { border-left-color: var(--ax-line-2); }
.ie-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.ie-ind { flex: 1 1 260px; min-width: 0; margin: 0; font-family: var(--ax-mono); font-size: 14px; font-weight: 700; color: var(--ax-ink); overflow-wrap: break-word; }
.ie-type { font-family: var(--ax-mono); font-size: 11px; font-weight: 700; color: #344054; background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 6px; padding: 1px 7px; white-space: nowrap; }
.ie-seen { font-family: var(--ax-mono); font-size: 11px; color: var(--ax-dim); white-space: nowrap; }
.ie-v { display: inline-flex; align-items: center; gap: 5px; font-family: var(--ax-mono); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; border-radius: 999px; padding: 2px 9px; border: 2px solid; }
.ie-v.malicious { color: #fff; background: var(--ie-mal); border-color: var(--ie-mal); }
.ie-v.suspicious { color: #92400e; background: #fffbeb; border-color: #f5c46b; }
.ie-v.info { color: #075985; background: #f0f9ff; border-color: #8fd0f2; }
.ie-v.clean { color: #065f46; background: #ecfdf5; border-color: #86dcb8; }
.ie-v.failed { color: #475467; background: #f8fafc; border-color: #b6c2d0; }
.ie-v.pending { color: #475467; background: #fff; border-color: var(--ax-line-2); }
.ie-v .ax-spin { width: 10px; height: 10px; border-width: 2px; }
.ie-copy { font: inherit; font-family: var(--ax-mono); font-size: 11.5px; font-weight: 700; color: var(--ax-ink); background: #fff; border: 2px solid var(--ie-border); border-radius: 8px; padding: 2px 8px; cursor: pointer; white-space: nowrap; }
.ie-copy:hover { border-color: var(--ax-accent); color: var(--ax-accent); }
.ie-why { margin: 0; font-size: 13.5px; line-height: 1.55; color: #1f2937; overflow-wrap: break-word; }
.ie-ev { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 0; font-size: 13px; line-height: 1.5; }
.ie-ev dt { font-family: var(--ax-mono); font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--ax-dim); padding-top: 2px; word-break: keep-all; white-space: nowrap; }
.ie-ev dd { margin: 0; color: #1f2937; min-width: 0; overflow-wrap: break-word; }
.ie-ev dd .m { font-family: var(--ax-mono); font-size: 12.5px; overflow-wrap: break-word; }
.ie-ev dd a.src { font-family: var(--ax-mono); font-size: 11px; font-weight: 700; color: var(--ax-accent); margin-left: 6px; white-space: nowrap; }
@media (max-width: 480px) { .ie-ev { grid-template-columns: minmax(0, 1fr); gap: 0; } .ie-ev dd { margin-bottom: 6px; } }
.ie-piv { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ie-piv > span { font-family: var(--ax-mono); font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ax-dim); margin-right: 2px; word-break: keep-all; }
.ie-piv a { display: inline-flex; align-items: center; gap: 4px; font-family: var(--ax-mono); font-size: 12px; font-weight: 700; color: var(--ax-ink); text-decoration: none; background: #fff; border: 2px solid var(--ie-border); border-radius: 999px; padding: 2px 10px; white-space: nowrap; }
.ie-piv a:hover { border-color: var(--ax-accent); color: var(--ax-accent); }
.ie-piv a svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

.ie-empty { background: #fff; border: 2px dashed var(--ax-line-2); border-radius: 14px; padding: 18px; text-align: center; color: var(--ax-muted); font-size: 14px; }

/* Method tables */
.ie-rules td:first-child { white-space: normal; }
.ie-rules code { white-space: normal; overflow-wrap: break-word; }
.ie-fmt { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 12px 0 0; font-size: 13.5px; }
.ie-fmt dt { font-weight: 700; color: var(--ax-ink); white-space: nowrap; }
.ie-fmt dd { margin: 0; color: #344054; min-width: 0; overflow-wrap: break-word; }
.ie-fmt code { font-family: var(--ax-mono); font-size: 12.5px; overflow-wrap: break-word; }
@media (max-width: 480px) { .ie-fmt { grid-template-columns: minmax(0, 1fr); gap: 2px; } .ie-fmt dd { margin-bottom: 8px; } }
.ie-more { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 12px 14px; border: 2px solid var(--ax-line-2); border-radius: 13px; background: #fff; }
.ie-more[hidden] { display: none; }
.ie-more p { margin: 0; font-size: 14px; color: #344054; min-width: 0; overflow-wrap: break-word; }
.ie-file { cursor: pointer; }
#src.over { border-color: var(--ax-accent) !important; box-shadow: 0 0 0 4px rgba(4,120,87,.18); }

/* Splash layout: results fill the stage, the input sits in the control column */
.ie-empty { display: none; margin: 0; padding: 14px; font-size: 14px; color: var(--ax-muted); }
.dsp-scroll:has(> #results[hidden]) > .ie-empty { display: block; }
.sp-ctrl .ax-label { margin: 0; }
.sp-ctrl textarea#src { min-height: 0; height: 190px; }
.sp-ctrl .ie-samples, .sp-ctrl .ie-parsed { margin-top: 0; }
.sp-ctrl .ie-samples .ax-chip { text-align: left; }
.sp-stage .ie-bar h2 { font-size: 17px; }
.sp-ctrl .ax-actions .ax-btn { min-height: 44px; padding: 8px 14px; font-size: 14.5px; }
@media (max-width: 640px) {
  .ie-copy { min-height: 44px; }
  .ie-ev dd a.src { display: inline-flex; align-items: center; min-height: 32px; padding: 0 4px; }
}