/* "Approfondimento azienda" (checkpoint 16, passo 2): tutto confinato dentro #companyDesk.
   Le variabili di colore (--ad-*) e i temi chiaro/scuro vengono da agent_desk.css. */
#companyDesk{background:var(--ad-bg); border-radius:14px; padding:16px; color:var(--ad-ink); font-size:14px; line-height:1.45}
#companyDesk *{box-sizing:border-box}
#companyDesk [hidden]{display:none !important}
#companyDesk .cd-wrap{display:flex; flex-direction:column; gap:12px; min-width:0}
#companyDesk .cd-head{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:10px 18px}
#companyDesk .cd-eyebrow{margin:0; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--ad-muted)}
#companyDesk h2{margin:2px 0 0; font-size:20px}
#companyDesk h3{margin:0; font-size:18px}
#companyDesk h4{margin:0 0 8px; font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--ad-muted)}
#companyDesk h5{margin:12px 0 6px; font-size:12px; color:var(--ad-muted)}
#companyDesk .cd-controls{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
#companyDesk label{display:flex; gap:6px; align-items:center; font-size:13px; color:var(--ad-muted)}
#companyDesk select, #companyDesk input{font:inherit; color:var(--ad-ink); background:var(--ad-panel); border:1px solid var(--ad-line); border-radius:8px; padding:7px 9px; min-width:0}
#companyDesk .cd-search{display:flex; gap:6px}
#companyDesk .cd-search input{width:150px}
#companyDesk button{font:inherit; cursor:pointer; border-radius:8px; border:1px solid var(--ad-line); background:var(--ad-panel); color:var(--ad-ink); padding:7px 12px}
#companyDesk button.primary{background:var(--ad-ink); color:var(--ad-bg); border-color:var(--ad-ink)}
/* come in agent_desk.css: niente verde forzato da control_room.css */
#companyDesk button.primary, #companyDesk button.approve{background:var(--ad-ink)!important; color:var(--ad-bg)!important; border-color:var(--ad-ink)!important}
#companyDesk button[disabled]{opacity:.55; cursor:default}
#companyDesk button:focus-visible, #companyDesk a:focus-visible, #companyDesk select:focus-visible, #companyDesk input:focus-visible{outline:2px solid var(--ad-accent); outline-offset:2px}
#companyDesk .cd-status{margin:0; min-height:1.2em; font-size:13px}
#companyDesk .cd-status.err{color:var(--ad-down)}
#companyDesk .cd-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px}
#companyDesk .cd-card{background:var(--ad-panel); border:1px solid var(--ad-line); border-radius:var(--ad-r); padding:14px; min-width:0}
#companyDesk .cd-wide{grid-column:1 / -1}
#companyDesk .cd-slot{display:contents}
#companyDesk .cd-empty-profile{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; border-color:var(--ad-accent); background:var(--ad-accent-soft)}
#companyDesk .cd-empty-profile p{margin:0}
#companyDesk button.cd-big{font-size:15px; font-weight:700; padding:10px 18px}
#companyDesk .cd-id{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
#companyDesk .cd-logo{width:44px; height:44px; border-radius:10px; object-fit:contain; background:var(--ad-bg); flex:none}
#companyDesk .cd-initials{display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:var(--ad-muted)}
#companyDesk .cd-ticker{font-family:var(--ad-f-data); font-size:14px; color:var(--ad-muted); font-weight:600}
#companyDesk .cd-price{margin-left:auto; text-align:right}
#companyDesk .cd-price b{font-size:22px}
#companyDesk .num{font-family:var(--ad-f-data); font-variant-numeric:tabular-nums}
#companyDesk .cd-muted, #companyDesk .cd-foot{color:var(--ad-muted)}
#companyDesk p{margin:4px 0}
#companyDesk .cd-foot{margin-top:10px; font-size:11px}
#companyDesk .cd-na{color:var(--ad-muted); font-style:italic}
#companyDesk .cd-pill{display:inline-flex; font-size:12px; font-weight:600; padding:2px 8px; border-radius:999px}
#companyDesk .cd-pill.up, #companyDesk .cd-votes .up{background:var(--ad-up-soft); color:var(--ad-up)}
#companyDesk .cd-pill.down, #companyDesk .cd-votes .down{background:var(--ad-down-soft); color:var(--ad-down)}
#companyDesk .cd-pill.wait, #companyDesk .cd-votes .wait{background:var(--ad-wait-soft); color:var(--ad-wait)}
#companyDesk .up{color:var(--ad-up)} #companyDesk .down{color:var(--ad-down)}
#companyDesk .cd-chart{height:320px; width:100%}
#companyDesk .cd-legend{font-size:12px; margin-top:6px}
#companyDesk .cd-dl{display:grid; grid-template-columns:auto 1fr; gap:4px 14px; margin:0}
#companyDesk .cd-dl dt{color:var(--ad-muted)} #companyDesk .cd-dl dd{margin:0; text-align:right}
#companyDesk .cd-range{position:relative; height:8px; border-radius:999px; background:linear-gradient(90deg, var(--ad-down-soft), var(--ad-up-soft)); margin:10px 0 4px}
#companyDesk .cd-range span{position:absolute; top:-4px; width:4px; height:16px; margin-left:-2px; border-radius:2px; background:var(--ad-ink)}
#companyDesk .cd-range-ends{display:flex; justify-content:space-between; font-size:12px; color:var(--ad-muted)}
#companyDesk .cd-next{margin-bottom:8px}
#companyDesk .cd-table{width:100%; border-collapse:collapse; font-size:13px}
#companyDesk .cd-table th{font-weight:600; color:var(--ad-muted); text-align:left; border-bottom:1px solid var(--ad-line); padding:4px 6px}
#companyDesk .cd-table td{border-bottom:1px solid var(--ad-grid); padding:4px 6px}
#companyDesk .cd-votes{display:flex; gap:2px; border-radius:8px; overflow:hidden; font-size:12px; font-weight:600; margin:4px 0 8px}
#companyDesk .cd-votes span{padding:6px 8px; white-space:nowrap; min-width:3.5em}
#companyDesk .cd-list{margin:0; padding-left:18px}
#companyDesk .cd-list li{margin:3px 0}
#companyDesk .cd-news{list-style:none; padding:0}
#companyDesk .cd-news li{border-bottom:1px solid var(--ad-grid); padding:6px 0}
#companyDesk .cd-news a{color:inherit}
#companyDesk .cd-notes{white-space:pre-line}
#companyDesk .cd-desc{margin-top:8px; font-size:13px}
/* checkpoint 18 */
#companyDesk .cd-dim{color:var(--ad-muted)}
#companyDesk .cd-groups{display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:4px 18px}
#companyDesk .cd-group h5{margin:6px 0 4px}
#companyDesk .cd-tiles{display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:8px; margin-bottom:10px}
#companyDesk .cd-tile{border:1px solid var(--ad-line); border-radius:8px; padding:8px 10px; display:flex; flex-direction:column; gap:2px}
#companyDesk .cd-tile span{font-size:12px; color:var(--ad-muted)}
#companyDesk .cd-tile b{font-size:16px}
#companyDesk .cd-divbars{display:flex; align-items:flex-end; gap:4px; height:110px; padding-top:14px}
#companyDesk .cd-divbars span{flex:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; min-width:0}
#companyDesk .cd-divbars i{display:block; width:100%; max-width:28px; background:var(--ad-accent); border-radius:3px 3px 0 0}
#companyDesk .cd-divbars em{font-style:normal; font-size:10px; color:var(--ad-muted); margin-top:3px; white-space:nowrap}
#companyDesk .cd-insider-sum{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center}
#companyDesk .cd-buysell, #companyDesk .cd-own{display:flex; height:10px; border-radius:999px; overflow:hidden; background:var(--ad-grid); margin:8px 0 4px}
#companyDesk .cd-buysell .up{background:var(--ad-up)} #companyDesk .cd-buysell .down{background:var(--ad-down)}
#companyDesk .cd-own .ins{background:var(--ad-accent)} #companyDesk .cd-own .inst{background:var(--ad-up)}
#companyDesk .cd-key{display:inline-block; width:10px; height:10px; border-radius:2px; margin-right:4px; vertical-align:middle}
#companyDesk .cd-key.ins{background:var(--ad-accent)} #companyDesk .cd-key.inst{background:var(--ad-up)}
#companyDesk .cd-badge{display:inline-flex; font-size:11px; font-weight:600; padding:2px 7px; border-radius:999px; white-space:nowrap}
#companyDesk .cd-badge.buy{background:var(--ad-up-soft); color:var(--ad-up)}
#companyDesk .cd-badge.sell{background:var(--ad-down-soft); color:var(--ad-down)}
#companyDesk .cd-badge.other{background:var(--ad-grid); color:var(--ad-muted)}
#companyDesk .cd-scroll{overflow-x:auto}
#companyDesk .cd-perf{display:flex; flex-wrap:wrap; gap:2px 10px; justify-content:flex-end; margin:0}
#companyDesk .cd-perf em{font-style:normal; color:var(--ad-muted); font-size:12px}
#companyDesk .cd-period{text-transform:none; letter-spacing:0; font-weight:400}
#companyDesk .cd-dl dd.cd-perf{grid-column:1 / -1; justify-content:flex-start}
#companyDesk .cd-note{font-size:11px; color:var(--ad-muted); margin-top:8px}
@media (max-width:760px){
  #companyDesk{padding:12px}
  #companyDesk .cd-grid{grid-template-columns:minmax(0, 1fr)}
  #companyDesk .cd-price{margin-left:0; text-align:left}
  #companyDesk .cd-search input{width:100%}
  #companyDesk .cd-chart{height:260px}
}