/* Inherit Skynet's layout, shadows, typography and card components. */
#bnmResultArea:empty{display:none}
.bnm-summary{margin:20px 0 16px}
.bnm-summary h6{font-weight:700;color:var(--text1,#1e293b);margin-bottom:8px}
.bnm-status{font-size:.8rem;color:var(--text2,#475569);margin:6px 0}
.bnm-note{font-size:.78rem;line-height:1.65;color:var(--text2,#475569);margin:6px 0}
.bnm-warning{color:#92400e}
.bnm-clone{color:#92400e;background:#fffbeb}
.bnm-match{font-size:.84rem;margin:14px 0 0;color:var(--text2,#475569)}
.bnm-value{overflow-wrap:anywhere;word-break:normal}
#bnmResultArea .rc-name{overflow-wrap:anywhere}
#bnmResultArea .result-card:focus-visible,[data-bnm-nav]:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}
#bnmResultArea .rc-footer{gap:8px;flex-wrap:wrap}
@media(max-width:600px){#bnmResultArea .rc-subtitle{flex-wrap:wrap}.bnm-summary{margin-top:16px}}
@media(max-width:600px){
  .topbar .topbar-inner{flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}
  .topbar .topbar-brand{min-width:0;flex:1 1 100%}
  .topbar .topbar-icon{flex-shrink:0}
  .topbar .topbar-actions{margin-left:auto;flex-shrink:0}
  .topbar .btn-text{white-space:nowrap}
}

/* Compact screening workspace: retain the incumbent components and palette. */
body .container-main{padding:16px 24px}
body .stats-row{gap:12px;margin-bottom:16px}
body .stat-card{padding:12px 16px;gap:12px}
body .stat-icon{width:36px;height:36px;font-size:1.1rem}
body .stat-value{font-size:1.3rem}
body .search-section{margin-bottom:16px}
body .search-card{padding:16px 20px}
body .search-card h3{margin-bottom:12px;font-size:.95rem}
body .search-input{min-height:44px;padding-top:10px;padding-bottom:10px}
body .search-select{height:44px}
body .search-row .ubtn .front{padding:10px 20px}
body .search-hint{margin-top:8px}
body .content-grid{grid-template-columns:224px minmax(0,1fr);gap:20px}
body .results-area{min-width:0;min-height:0}
body .sidebar{gap:2px}
body .sb-group-header{padding:8px 10px;min-height:36px}
body .sidebar-header{padding-bottom:4px}

/* The empty result is a short status, with the original copy intact. */
#resultArea .empty-state{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:12px 16px}
#resultArea .empty-state .icon-wrap{grid-row:1 / span 2;width:40px;height:40px;margin:0;font-size:1.2rem}
#resultArea .empty-state h4{grid-column:2;margin:0;font-size:1rem;line-height:1.4}
#resultArea .empty-state p{grid-column:2;margin:0;font-size:.82rem;line-height:1.5}
#bnmResultArea .bnm-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin:8px 0;padding:12px 16px;border-top:1px solid var(--border,#e2e8f0)}
#bnmResultArea .bnm-summary h6{margin:0;font-size:.875rem;line-height:1.5}
#bnmResultArea .bnm-summary .bnm-status{margin:0;text-align:right;line-height:1.5}
#bnmResultArea .bnm-summary .bnm-note{grid-column:1 / -1;margin:0;line-height:1.6}
#exportBtnArea{margin-top:12px!important}
#exportBtnArea .ubtn .front{padding:10px 16px;min-height:44px;font-size:.85rem}

/* Keep all four AI stages together instead of stacking four large rows. */
#screeningProgress .progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--border,#e2e8f0)}
#screeningProgress .progress-step{gap:8px;padding:4px 0;min-width:0;opacity:1}
#screeningProgress .progress-step .step-icon{width:24px;height:24px;background:transparent;animation:none;position:relative}
#screeningProgress .progress-step:is(.active,.pending) .step-icon::before{content:"";width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:var(--accent,#3b82f6);border-radius:50%;animation:kyc-step-spin .8s linear infinite}
#screeningProgress .progress-step:is(.done,.error,.skipped) .step-icon{display:none}
#screeningProgress .progress-step .step-check{display:flex;order:-1;align-items:center;justify-content:center;flex:0 0 24px;height:24px;margin-left:0;border-radius:5px;background:#15803d;color:#fff;font-size:1rem;line-height:1}
#screeningProgress .progress-step.error .step-check{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
#screeningProgress .progress-step.skipped .step-check{background:#e2e8f0;color:#475569}
#screeningProgress .progress-step .step-text{min-width:0;font-size:.82rem;line-height:1.5}
#webResultArea .web-search-section{margin-top:16px}
@keyframes kyc-step-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  #screeningProgress .progress-step:is(.active,.pending) .step-icon::before{animation:none}
}

/* Progress is the sole visible content until the complete result is ready. */
#screeningContent[hidden],#screeningProgress[hidden]{display:none!important}
#screeningProgress{padding:16px 20px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--bg,#f0f2f5)}
.screening-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.screening-heading h4{font-size:1rem;font-weight:700;color:var(--text1,#1e293b);margin:0;line-height:1.5}
.screening-heading p{font-size:.78rem;color:var(--text2,#475569);margin:0;line-height:1.6}
.screening-retry{margin-top:12px;padding:8px 14px;min-height:40px;border:1px solid var(--accent,#3b82f6);border-radius:8px;background:transparent;color:var(--accent,#3b82f6);font-size:.84rem}
.screening-retry:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:3px}
.screening-complete #screeningListResults{margin-top:12px;padding:16px 20px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--bg,#f0f2f5)}
.screening-complete #resultArea .empty-state{padding:0;background:none;box-shadow:none;border-radius:0}
.screening-complete #bnmResultArea .bnm-summary{padding:12px 0 0;margin:12px 0 0}
.screening-complete #bnmResultArea:first-child .bnm-summary{padding-top:0;margin-top:0;border-top:0}
.screening-complete #screeningListResults.screening-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:20px}
.screening-complete .screening-compact #bnmResultArea{padding-left:20px;border-left:1px solid var(--border,#e2e8f0)}
.screening-complete .screening-compact #bnmResultArea .bnm-summary{grid-template-columns:minmax(0,1fr);margin:0;padding:0;border:0}
.screening-complete .screening-compact #bnmResultArea .bnm-status{text-align:left;font-size:.75rem}
.screening-complete #webResultArea .empty-state{padding:16px 20px!important;box-shadow:none;text-align:left!important}
.screening-complete #webResultArea .empty-state .icon-wrap{display:none!important}
.screening-complete #webResultArea .empty-state h4{font-size:.9rem}
.screening-complete #webResultArea .empty-state p{font-size:.8rem;margin:0;line-height:1.6}

@media(max-width:1024px){
  /* All list filters remain available in the existing search dropdown. */
  body .content-grid{grid-template-columns:minmax(0,1fr)}
  body .content-grid>.sidebar{display:none}
  body .stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:640px){
  body .container-main{padding:12px 16px}
  body .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  body .stat-card{padding:8px 12px;gap:8px}
  body .stat-icon{width:28px;height:28px;font-size:1rem}
  body .stat-value{font-size:1.1rem}
  body .stat-label{font-size:.75rem}
  body .search-section{margin-bottom:12px}
  body .search-card{padding:12px 16px}
  body .search-card h3{margin-bottom:8px}
  body .search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  body .search-input-wrap{grid-column:1 / -1;min-width:0}
  body .search-select{width:100%;min-width:0;padding-left:12px;font-size:.8rem}
  body .search-row .ubtn .front{padding:10px 16px;font-size:.88rem}
  #bnmResultArea .bnm-summary{grid-template-columns:minmax(0,1fr);padding:12px 0}
  #bnmResultArea .bnm-summary .bnm-status{text-align:left}
  #resultArea .empty-state{padding:8px 0}
  #screeningProgress{padding:12px 16px}
  #screeningProgress .progress-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:10px 0 0;margin-top:8px}
  .screening-heading{gap:2px}
  .screening-complete #screeningListResults,.screening-complete #screeningListResults.screening-compact{display:block;padding:12px 16px}
  .screening-complete .screening-compact #bnmResultArea{padding:0;border:0}
  .screening-complete .screening-compact #bnmResultArea .bnm-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border,#e2e8f0)}
}