/* Search records: keep each card full width and its content in separate rows. */
#search-results .result-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:20px;width:100%;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
#search-results .result-card:hover{border-color:#b7cef9;box-shadow:0 5px 18px rgba(35,92,232,.07)}
#search-results .result-card:focus-visible{outline:3px solid #235ce8;outline-offset:3px}
.result-media,.brand-detail-visual{display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.result-media{width:88px;height:88px;padding:8px}
.result-media img,.brand-detail-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.result-media [hidden],.brand-detail-visual [hidden]{display:none}
.brand-logo-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#94a3b8;font-size:9px;line-height:1.4}
.brand-logo-fallback>.icon{width:24px;height:24px;stroke-width:1.5}
.result-body{display:block;min-width:0}
.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 8px}
.result-name{display:block;min-width:0;font-size:17px;font-weight:700;line-height:1.4;margin:0;overflow-wrap:anywhere}
.result-top>.pill{flex-shrink:0;margin-top:1px;font-size:10px}
.result-owner{display:block;margin:0 0 6px;font-size:12px;line-height:1.5;color:#64748b;overflow-wrap:anywhere}
.result-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:13px;line-height:1.65;color:#64748b;overflow-wrap:anywhere}
.result-reason{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;line-height:1.5;color:#64748b}
.result-reason>.icon{flex-shrink:0;width:13px;height:13px}
.result-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:14px}
.result-identifiers{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;min-width:0;font-size:11px;line-height:1.5;color:#64748b;overflow-wrap:anywhere}
.result-class{padding:3px 8px;border-radius:5px;background:#f1f5f9;color:#475569;font-weight:600}
.result-number{overflow-wrap:anywhere}
.result-example{color:#a16207}
.result-detail-label{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;margin:0;color:#235ce8;font-size:12px;font-weight:600;line-height:1.5}
.result-detail-label .icon{width:15px;height:15px}

/* A bounded logo, scrollable information and persistent dialog controls. */
dialog.brand-detail-dialog{width:calc(100% - 32px);max-width:760px;max-height:calc(100dvh - 40px);overflow:hidden;padding:0;border-radius:20px}
.brand-detail-dialog .dialog-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 42px);padding:0}
.brand-detail-dialog .dialog-top{flex-shrink:0;align-items:center;padding:20px 26px;border-bottom:1px solid #e2e8f0;margin:0}
.brand-detail-dialog .dialog-top h2{font-size:20px;margin:0}
.brand-detail-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px}
.brand-detail-heading{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:24px;margin:0 0 26px}
.brand-detail-visual{width:120px;height:120px;padding:10px}
.brand-detail-visual .brand-logo-fallback{font-size:11px;gap:7px}
.brand-detail-visual .brand-logo-fallback>.icon{width:30px;height:30px}
.brand-detail-title{min-width:0}
.brand-detail-eyebrow{display:block;margin-bottom:7px;font-size:11px;font-weight:600;color:#64748b}
.brand-detail-title h3{margin:0 0 12px;font-size:25px;line-height:1.3;overflow-wrap:anywhere}
.brand-detail-badges{display:flex;flex-wrap:wrap;gap:7px}
.brand-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.brand-detail-grid>div{min-width:0;padding:14px 16px;background:#f8fafc;border:1px solid #edf1f5;border-radius:10px}
.brand-detail-grid dt{margin-bottom:6px;font-size:11px;line-height:1.5;color:#64748b}
.brand-detail-grid dd{margin:0;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.detail-unavailable{font-weight:400;color:#94a3b8}
.brand-detail-description{margin-top:25px}
.brand-detail-description h4{margin:0 0 9px;font-size:14px}
.brand-detail-description p{margin:0;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#475569}
.brand-detail-source{margin:22px 0 0;font-size:11px;line-height:1.7;color:#94a3b8}
.brand-detail-unlock{margin-top:20px;padding:13px 16px;background:#eff5ff;border:1px solid #dce7fc;border-radius:10px}
.brand-detail-unlock p{margin:0;font-size:12px;line-height:1.7;color:#475569}
.brand-detail-actions{display:flex;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;border-top:1px solid #e2e8f0;background:#fff;margin:0}
.brand-detail-actions .btn{min-height:40px;font-size:12px}
@media(max-width:600px){
  #search-results .result-card{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:17px}
  .result-media{width:72px;height:72px;padding:6px}
  .result-name{font-size:15px}
  .result-top{flex-wrap:wrap;gap:6px}
  .result-meta{font-size:12px}
  .result-owner{font-size:11px}
  .result-footer{margin-top:12px;gap:9px}
  .result-identifiers{font-size:10px}
  .brand-detail-dialog .dialog-top{padding:18px 20px}
  .brand-detail-content{padding:20px}
  .brand-detail-heading{grid-template-columns:90px minmax(0,1fr);gap:16px;margin-bottom:22px}
  .brand-detail-visual{width:90px;height:90px;padding:8px}
  .brand-detail-title h3{font-size:21px}
  .brand-detail-grid{gap:10px}
  .brand-detail-grid>div{padding:12px}
  .brand-detail-actions{padding:16px 20px}
}
@media(max-width:420px){
  .brand-detail-actions{flex-direction:column-reverse;align-items:stretch}
  .brand-detail-actions .btn{width:100%}
  .brand-detail-grid dd{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#search-results .result-card{transition:none}}