.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px;margin-top:24px}.live-card{padding:24px;background:#11151b;border:1px solid #303038;border-radius:16px;min-width:0}.live-card h3{font-size:15px;color:#dedbd3;margin:0 0 18px}.live-card strong{font-size:28px;color:#d8b76b}.live-card p,.live-card small{font-size:12px;line-height:1.7;color:#aeb4be}.live-card a{font-size:12px;color:#d8b76b}.live-card details{margin-top:20px;max-height:450px;overflow:auto}.live-card summary{cursor:pointer;color:#d8b76b}.live-card svg{width:100%;margin-top:14px}.live-card table{width:100%;font-size:12px;border-collapse:collapse}.live-card td,.live-card th{padding:8px;text-align:left;border-bottom:1px solid #34373d}[data-live-kind] button,.live-card select{background:#24262c;color:#eee;border:1px solid #74603b;padding:9px 14px;border-radius:6px}[data-live-kind]>p{font-size:13px;color:#b4b8bf}
[data-live-kind]{display:block!important}.ticker-grid .live-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.live-card strong{overflow-wrap:anywhere}
/* Fundo e contraste das paginas de dados */
.app-shell,
.app-main,
.app-main .workspace {
  background: #07090c;
  color: #dedbd3;
}

.app-main .workspace {
  min-height: calc(100vh - 80px);
}

.app-main .workspace > h1 {
  color: #f4f1e9;
}

.app-main .workspace > p {
  color: #b4b8bf;
}

/* Mantem ocultos os cartoes filtrados pela busca */
.live-card[hidden] {
  display: none !important;
}
.live-card > a {
  display: block;
  margin-top: 8px;
}

/* ===== HOME · COTAÇÕES COMPACTAS v2.20 ===== */
.ticker-grid[data-live-compact="1"]{
  position:relative;
}
.ticker-grid[data-live-compact="1"] > button{
  position:absolute;
  right:0;
  top:-33px;
  z-index:2;
  padding:6px 9px;
  font-size:9px;
  border-radius:6px;
  opacity:.72;
}
.ticker-grid[data-live-compact="1"] > p{
  margin:7px 2px 0;
  font-size:9px;
  color:#6f7d87;
}
.ticker-grid[data-live-compact="1"] .live-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
  margin-top:0;
}
.ticker-grid[data-live-compact="1"] .live-card{
  min-height:88px;
  padding:11px 12px 9px;
  border-radius:9px;
  background:linear-gradient(180deg,#0d141b,#090e13);
  border-color:#222f38;
  box-shadow:none;
}
.ticker-grid[data-live-compact="1"] .live-card h3{
  margin:0 0 8px;
  font-size:9px;
  line-height:1.2;
  color:#aab4bc;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ticker-grid[data-live-compact="1"] .live-card strong{
  font-size:15px;
  line-height:1.15;
  color:#f1f4f5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ticker-grid[data-live-compact="1"] .live-card .live-change{
  margin:6px 0 0;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
.ticker-grid[data-live-compact="1"] .live-card .live-change.up{color:#23d18b}
.ticker-grid[data-live-compact="1"] .live-card .live-change.down{color:#ff5b67}

@media(max-width:1200px){
  .ticker-grid[data-live-compact="1"] .live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .ticker-grid[data-live-compact="1"] .live-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .ticker-grid[data-live-compact="1"] > button{
    position:static;
    margin-bottom:7px;
  }
}

/* v2.21 · integração com Leitura do Dia */
[data-live-kind]>.live-send-reading{margin-left:8px;background:linear-gradient(90deg,#d99b1a,#f7c44c);border-color:#d6a333;color:#111820;font-weight:800}
[data-live-kind]>.live-send-reading:disabled{opacity:.45;cursor:not-allowed}