/* Ctrl K palette: grouped results with type badges, and the customer-name link (UAApp.custLink). Loaded after app.css. */
.pal #palR{max-height:min(62vh,560px);overflow:auto}
.pal .res{grid-template-columns:84px minmax(0,1fr) auto;scroll-margin:34px 0}
.pal .res .k{display:inline-block;justify-self:start;padding:3px 6px;border:1px solid var(--bd2);border-radius:5px;font-size:10px;letter-spacing:.05em;text-align:center;white-space:nowrap}
.pal .res.on .k{border-color:var(--accent,var(--ink3));color:var(--ink)}
.pal .res .n{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pal .res .n .tt,.pal .res .n .host{overflow-wrap:anywhere}
.pal .res .ua-chip,.pal .res .clogo{--chip:24px;margin-right:0;flex:none}
.pal .res .s.via{color:var(--ink3);-webkit-line-clamp:1}
.pal .res.more{color:var(--ink2)}
.pal .res.more .n{font-weight:500}
.pal .pgrp{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1;padding:6px 16px;background:var(--sf2);border-bottom:1px solid var(--bd);font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.pal .pgrp .pc{font-weight:500;letter-spacing:0;text-transform:none}
@media (max-width:719px){
  .pal{top:6vh}
  .pal .res{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .pal .res .k{grid-column:1/-1}
  .pal .res.more .k,.pal .res.more>span:first-child{display:none}
  .pal #palR{max-height:58vh}
}
/* customer name as a link: reads like the text around it, underlines on hover or focus, keeps the logo chip beside it */
a.clink{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;max-width:100%;border-radius:4px;cursor:pointer}
a.clink>span{min-width:0;overflow-wrap:anywhere}
a.clink:hover>span,a.clink:focus-visible>span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a.clink:focus-visible{outline:2px solid var(--accent,#5aa9ff);outline-offset:2px}