/* The deal panel's Pylot tab (lisa-deal-brief.js): the brief the Mac mini agent keeps, drawn with
   Pylot's deal card (lisa-copilot-local.css). */
@media (min-width: 761px) {
  #hb-detail-tabs button[data-hb-tab='pylot'] em{background:color-mix(in srgb,#f5b800 22%,var(--bg2));color:var(--amber,#b76b16)}
  #hb-detail-tabs button[data-hb-tab='pylot'][data-hb-new]>span::after{content:'';display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--hb-accent,var(--green));vertical-align:middle}
  #detail #detail-body #hb-pylot-brief{display:grid;gap:12px}
  #hb-pylot-brief .hb-pylot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  #hb-pylot-brief .hb-pylot-title{display:grid;gap:2px;min-width:0}
  #hb-pylot-brief .hb-pylot-title strong{color:var(--text);font:800 13.5px var(--hb-font,Inter,sans-serif)}
  #hb-pylot-brief .hb-pylot-title span{color:var(--text4);font-size:11.5px;overflow-wrap:anywhere}
  #hb-pylot-brief .hb-pylot-ask{flex:none;height:28px;padding:0 11px;border:1px solid var(--border2);border-radius:8px;background:var(--bg2);color:var(--text2);font:600 12px var(--hb-font,Inter,sans-serif);cursor:pointer}
  #hb-pylot-brief .hb-pylot-ask:hover{color:var(--text);border-color:var(--text4)}
  #hb-pylot-brief .hb-pylot-notes{display:grid;gap:6px}
  #hb-pylot-brief .hb-pylot-notes:empty{display:none}
  #hb-pylot-brief .hb-pylot-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 11px;border-radius:9px;background:var(--bg4);color:var(--text3);font-size:12px}
  #hb-pylot-brief .hb-pylot-note.is-drafts{background:color-mix(in srgb,var(--green) 8%,var(--bg3));color:var(--text2)}
  #hb-pylot-brief .hb-pylot-link{padding:0;border:0;background:none;color:var(--hb-accent-ink,var(--green));font:700 12px var(--hb-font,Inter,sans-serif);cursor:pointer}
  #hb-pylot-brief .hb-pylot-empty{margin:0;padding:16px;border:1px dashed var(--border2);border-radius:12px;color:var(--text4);font-size:12.5px;line-height:1.5}
  #hb-pylot-brief .lisa-pylot-deal-head{display:none}
  #hb-pylot-brief .lisa-pylot-deal ol{margin:0;padding:0}
  #hb-pylot-brief .lisa-pylot-deal li+li{margin-top:0}
  #hb-pylot-brief .lisa-pylot-deal p{margin:0}
  #hb-pylot-brief .lisa-pylot-what p,#hb-pylot-brief .lisa-pylot-action-body>p{margin-top:3px}
  #hb-pylot-brief .lisa-pylot-caveats{margin:0;padding-left:28px}
  #hb-pylot-brief .lisa-pylot-caveats li+li{margin-top:3px}
}
