/* Watchlist dell'agente (checkpoint 25): componente nuovo, stile confinato in #awlSection.
   Variabili proprie (stessa palette del pannello dell'agente), schede compatte, una colonna su telefono. */
#awlSection{
  --awl-panel:#ffffff; --awl-ink:#14202b; --awl-muted:#5d6b78; --awl-line:#d6dde4; --awl-chip:#e5eaef;
  --awl-accent:#c2620a; --awl-accent-soft:#fbe9d8;
  --awl-up:#13795b; --awl-up-soft:#dcf1e8; --awl-down:#b4232f; --awl-down-soft:#f8dfe1; --awl-wait:#6b5b00; --awl-wait-soft:#f3edc8;
  --awl-data:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  box-sizing:border-box; width:100%; min-width:0; color:var(--awl-ink); font-size:14px; line-height:1.45;
  background:var(--awl-panel); border:1px solid var(--awl-line); border-radius:10px; padding:16px;
  display:flex; flex-direction:column; gap:12px;
}
@media (prefers-color-scheme: dark){ html:not([data-theme="light"]) #awlSection{
  --awl-panel:#16212c; --awl-ink:#e4ebf1; --awl-muted:#93a3b2; --awl-line:#283643; --awl-chip:#1f2c38;
  --awl-accent:#f0a14a; --awl-accent-soft:#3a2a17;
  --awl-up:#3fbf8f; --awl-up-soft:#173329; --awl-down:#ef6f78; --awl-down-soft:#3a1d22; --awl-wait:#d9c35a; --awl-wait-soft:#33301a; }}
html[data-theme="dark"] #awlSection{
  --awl-panel:#16212c; --awl-ink:#e4ebf1; --awl-muted:#93a3b2; --awl-line:#283643; --awl-chip:#1f2c38;
  --awl-accent:#f0a14a; --awl-accent-soft:#3a2a17;
  --awl-up:#3fbf8f; --awl-up-soft:#173329; --awl-down:#ef6f78; --awl-down-soft:#3a1d22; --awl-wait:#d9c35a; --awl-wait-soft:#33301a; }

#awlSection *{box-sizing:border-box}
#awlSection [hidden]{display:none !important}
#awlSection .awl-head{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 14px}
#awlSection h2{font-size:13px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--awl-muted); margin:0}
#awlSection .awl-sub, #awlSection .awl-empty, #awlSection .awl-msg{color:var(--awl-muted); font-size:12px; margin:0}

#awlSection .awl-grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:8px}
#awlSection .awl-card{display:flex; flex-direction:column; gap:4px; padding:10px 12px; border:1px solid var(--awl-line); border-radius:8px; cursor:pointer; min-width:0}
#awlSection .awl-card:hover, #awlSection .awl-card:focus-visible{border-color:var(--awl-accent); outline:none}
#awlSection .awl-top{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
#awlSection .awl-sym{font-weight:700; font-size:15px}
#awlSection .awl-dir{font-weight:700}
#awlSection .awl-dir.long{color:var(--awl-up)} #awlSection .awl-dir.short{color:var(--awl-down)}
#awlSection .awl-chip{font-size:11px; font-weight:600; padding:2px 8px; border-radius:999px; background:var(--awl-chip); color:var(--awl-muted); white-space:nowrap}
#awlSection .awl-chip.plan{background:var(--awl-up-soft); color:var(--awl-up)}
#awlSection .awl-chip.watch{background:var(--awl-wait-soft); color:var(--awl-wait)}
#awlSection .awl-chip.pattern{background:var(--awl-accent-soft); color:var(--awl-accent)}
#awlSection .awl-chip.st-attesa{background:var(--awl-accent-soft); color:var(--awl-accent)}
#awlSection .awl-chip.st-ok{background:var(--awl-up-soft); color:var(--awl-up)}
#awlSection .awl-chip.st-ko{background:var(--awl-down-soft); color:var(--awl-down)}
#awlSection .awl-px{margin-left:auto; font-family:var(--awl-data); font-variant-numeric:tabular-nums; white-space:nowrap}
#awlSection .awl-meta{display:flex; align-items:center; gap:6px; flex-wrap:wrap; color:var(--awl-muted); font-size:12px}
#awlSection .awl-dist{font-family:var(--awl-data); font-variant-numeric:tabular-nums}
#awlSection .awl-why{color:var(--awl-muted); font-size:12px; overflow-wrap:anywhere}
#awlSection .awl-acts{display:flex; gap:6px}
#awlSection .awl-acts button{font:inherit; font-size:12px; cursor:pointer; border-radius:8px; border:1px solid var(--awl-line); background:transparent; color:inherit; padding:4px 10px}
#awlSection .awl-acts button:hover{border-color:var(--awl-muted)}
#awlSection .awl-acts button:focus-visible{outline:2px solid var(--awl-accent); outline-offset:2px}
@media (max-width:640px){ #awlSection .awl-grid{grid-template-columns:minmax(0, 1fr)} }
/* Dentro il pannello dell'agente (agent_watchlist.js la sposta sotto .ad-top) l'order:-4 della pagina,
   pensato per .main, la portava in cima a .ad-wrap: qui torna nell'ordine del DOM, sotto il grafico. */
#agentDesk .ad-wrap > #awlSection{order:0}
/* restyling: colonna a destra del grafico dell'agente, schede compatte; la scheda dell'asset selezionato
   nel pannello (aria-current) ha il bordo d'accento */
#agentDesk .ad-wl-slot #awlSection{padding:12px; gap:10px}
#agentDesk .ad-wl-slot .awl-head{flex-direction:column; align-items:flex-start}
#agentDesk .ad-wl-slot .awl-grid{grid-template-columns:minmax(0, 1fr)}
#agentDesk .ad-wl-slot .awl-why{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#awlSection .awl-sym{font-size:17px; letter-spacing:-.01em}
#awlSection .awl-dir{font-size:15px}
#awlSection .awl-card[aria-current="true"]{border-color:var(--awl-accent); box-shadow:inset 3px 0 0 var(--awl-accent)}