/* ── Agenda Inteligente: semana em colunas, faixa de atenção, pedidos e painel (02/10/2026) ──
 * Mesmo visual de Audiências (marinho #0f172a + slate). A página usa `.aud.agi`: herda de
 * audiencias.css o painel, a faixa de atenção, os campos e o botão flutuante; o resto fica aqui.
 *
 * Larguras:
 *  ≥1440      semana + coluna da direita (pedidos, ou o painel quando aberto)
 *  1024–1439  semana na largura toda, pedidos embaixo, painel em gaveta
 *  768–1023   fita de dias + lista do dia, pedidos ao lado, painel em gaveta
 *  <768       fita de dias + lista do dia, pedidos embaixo, painel sobe de baixo
 * Com fim de semana (7 colunas), as colunas rolam de lado quando não cabem. */

.caixa-dash-scope.agi button, .caixa-dash-scope.agi .inp { min-height: 0; font-family: inherit; line-height: 1.25 }
.caixa-dash-scope.agi label:not(.au-ck) { display: block; font-weight: inherit; color: inherit; font-size: inherit }
.agi [hidden] { display: none !important }
.agi .au-g2.ag-dl { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) }
/* monitores grandes: a semana aproveita a largura (o padrão comum para em 1440px) */
.caixa-dash-scope.agi { max-width: 1920px }
@media (min-width: 2400px) { .caixa-dash-scope.agi { max-width: 2200px } }

/* barra: ‹ Hoje ›, intervalo e legenda */
.agi .ag-nav { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap }
.agi .ag-setas { display: flex }
.agi .ag-setas .btn { height: 32px; padding: 0 11px; border-radius: 0; margin: 0 0 0 -1px; display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600 }
.agi .ag-setas .btn:first-child { border-radius: 8px 0 0 8px; margin-left: 0 }
.agi .ag-setas .btn:last-child { border-radius: 0 8px 8px 0 }
.agi .ag-setas .btn i { font-size: 16px }
.agi .ag-nav h2 { font-size: 15px; font-weight: 650; letter-spacing: -.01em; margin: 0; color: #0f172a }
.agi .ag-leg { display: flex; gap: 6px 12px; flex-wrap: wrap; margin-left: auto; font-size: 11.5px; color: #64748b }
.agi .ag-leg span { display: inline-flex; align-items: center; gap: 5px }
.agi .ag-cor { display: inline-block; width: 9px; height: 9px; border-radius: 3px; background: #94a3b8; vertical-align: middle; margin-right: 4px }
.agi .ag-leg .ag-cor { margin: 0 }
.agi .ag-cor.t-prazo_fatal { background: #E34948 } .agi .ag-cor.t-prazo_normal { background: #EDA100 }
.agi .ag-cor.t-tarefa { background: #534AB7 } .agi .ag-cor.t-audiencia { background: #185FA5 }
.agi .ag-cor.t-agendamento { background: #10b981 } .agi .ag-cor.t-bloqueio { background: #94a3b8 }
.agi .au-ac.ag-ia-ac { margin-left: auto }
.agi .au-ac.ag-ia-ac i { color: #b45309 }

/* semana */
.agi .ag-split { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; align-items: start }
.agi .ag-sem { min-width: 0 }
.agi .ag-car { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 30px 10px; color: #64748b; font-size: 13px }
.agi .ag-fita { display: none }
.agi .ag-cols { display: grid; grid-template-columns: repeat(var(--n,5), minmax(165px,1fr)); gap: 10px; align-items: start; overflow-x: auto;
  padding-bottom: 2px; scrollbar-width: thin }
.agi .ag-col { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; min-width: 0; scroll-margin: 12px }
.agi .ag-col.hj { border-color: #0f172a; box-shadow: 0 0 0 1px #0f172a }
.agi .ag-col.off { background: #f8fafc }
.agi .ag-col.pisca, .agi .ag-peds.pisca { animation: agPisca 1.2s ease-out }
@keyframes agPisca { 0% { box-shadow: 0 0 0 3px #f59e0b } 100% { box-shadow: 0 0 0 0 transparent } }
.agi .ag-dh { padding: 10px 12px 9px; border-bottom: 1px solid #f1f5f9 }
.agi .ag-dt { display: flex; align-items: baseline; gap: 6px }
.agi .ag-dt small { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #64748b }
.agi .ag-dt b { font-size: 17px; font-weight: 700; letter-spacing: -.02em; color: #0f172a }
.agi .ag-hj { margin-left: auto; font-size: 10.5px; font-weight: 700; background: #0f172a; color: #fff; border-radius: 10px; padding: 1px 7px }
.agi .ag-bd { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px }
.agi .ag-cg { display: flex; align-items: center; gap: 6px; margin-top: 7px; font-size: 11px; color: #64748b }
.agi .ag-cg span { flex: 1; height: 5px; border-radius: 3px; background: #f1f5f9; overflow: hidden }
.agi .ag-cg span i { display: block; height: 100%; border-radius: 3px; background: #10b981 }
.agi .ag-cg.quase span i { background: #f59e0b }
.agi .ag-cg.cheio { color: #b45309; font-weight: 650 }
.agi .ag-cg.cheio span i { background: #f59e0b }
.agi .ag-cg small { white-space: nowrap; font-size: 11px }
.agi .ag-its { padding: 8px; display: flex; flex-direction: column; gap: 6px }
.agi .ag-nada { padding: 14px 6px; text-align: center; color: #94a3b8; font-size: 12px }

/* cartão do item */
.agi .ag-it { display: block; width: 100%; text-align: left; padding: 7px 9px; border-radius: 8px; border: 1px solid #e2e8f0; border-left-width: 3px;
  background: #fff; font: inherit; font-size: 12px; line-height: 1.3; color: #0f172a; cursor: pointer }
.agi .ag-it:hover { border-color: #cbd5e1 }
.agi .ag-it:focus-visible { outline: 2px solid var(--jd-foco, #2563eb); outline-offset: 1px }
.agi .ag-it.sel { box-shadow: 0 0 0 2px #0f172a }
.agi .ag-ih { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #475569; font-variant-numeric: tabular-nums; margin-bottom: 1px }
.agi .ag-ih em { font-style: normal; font-weight: 600; color: #94a3b8; font-size: 10.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.agi .ag-it b { display: block; font-weight: 650; overflow-wrap: anywhere }
.agi .ag-it small { display: block; color: #64748b; font-size: 10.5px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.agi .ag-ant { display: inline-flex; align-items: center; gap: 3px; margin-top: 4px; font-size: 10.5px; font-weight: 700; padding: 1px 6px;
  border-radius: 10px; background: #fef2f2; color: #991b1b }
.agi .ag-ant.am { background: #fffbeb; color: #92400e }
.agi .ag-ant i { font-size: 12px }
.agi .ag-it.t-prazo_fatal { border-left-color: #E34948 }
.agi .ag-it.t-prazo_normal { border-left-color: #EDA100 }
.agi .ag-it.t-tarefa { border-left-color: #534AB7 }
.agi .ag-it.t-audiencia { border-color: #185FA5; background: #185FA5; color: #fff }
.agi .ag-it.t-audiencia .ag-ih, .agi .ag-it.t-audiencia small, .agi .ag-it.t-audiencia .ag-ih em { color: #E6F1FB }
.agi .ag-it.t-bloqueio { border-left-color: #94a3b8; background: repeating-linear-gradient(135deg,#f8fafc 0 6px,#f1f5f9 6px 12px) }
.agi .ag-it.t-agendamento { border-left-color: #10b981; background: #f0fdf4 }
.agi .ag-it.t-agendamento.pend { border-style: dashed; border-left-style: solid }

/* horários livres e "sem clientes" */
.agi .ag-lv { display: flex; align-items: center; gap: 6px; width: calc(100% - 16px); margin: 0 8px 8px; padding: 7px 8px; border-radius: 8px;
  border: 1px dashed #a7f3d0; color: #065f46; font: inherit; font-size: 11.5px; font-weight: 600; background: #f0fdf4; cursor: pointer; text-align: left }
.agi .ag-lv i { font-size: 14px; flex-shrink: 0 }
.agi .ag-lv span { flex: 1; min-width: 0 }
.agi .ag-lv .ti-chevron-down { color: #10b981; transition: transform .15s }
.agi .ag-lv.on .ti-chevron-down { transform: rotate(180deg) }
.agi .ag-lvh { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 8px 9px }
.agi .ag-lvh button, .agi .ag-sh button { height: 28px; padding: 0 9px; border-radius: 7px; border: 1px solid #a7f3d0; background: #f0fdf4; color: #065f46;
  font: inherit; font-weight: 650; font-size: 12px; cursor: pointer; font-variant-numeric: tabular-nums }
.agi .ag-lvh button:hover, .agi .ag-sh button:hover { border-color: #10b981 }
.agi .ag-sc { margin: 0 8px 8px; padding: 7px 8px; border-radius: 8px; background: #f8fafc; color: #94a3b8; font-size: 11px; display: flex; gap: 5px; align-items: center }
.agi .ag-sc i { font-size: 14px }

/* fita de dias (tablet e celular) */
.agi .ag-fd { flex: 1 1 0; min-width: 44px; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 6px 2px 5px; border-radius: 10px;
  border: 1px solid #e2e8f0; background: #fff; font: inherit; color: #64748b; cursor: pointer }
.agi .ag-fd small { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em }
.agi .ag-fd b { font-size: 16px; color: #0f172a; letter-spacing: -.02em }
.agi .ag-fd.hj { border-color: #0f172a }
.agi .ag-fd.off { opacity: .6 }
.agi .ag-fd.on { background: #0f172a; border-color: #0f172a; color: #cbd5e1; opacity: 1 }
.agi .ag-fd.on b { color: #fff }
.agi .ag-pts { display: flex; gap: 3px; height: 6px; align-items: center }
.agi .ag-pts i { width: 5px; height: 5px; border-radius: 50%; background: #94a3b8 }
.agi .ag-pts i.t-prazo_fatal { background: #E34948 } .agi .ag-pts i.t-prazo_normal { background: #EDA100 }
.agi .ag-pts i.t-tarefa { background: #534AB7 } .agi .ag-pts i.t-audiencia { background: #185FA5 }
.agi .ag-pts i.t-agendamento { background: #10b981 }
.agi .ag-fd.on .ag-pts i.t-audiencia { background: #8ab8e6 }

/* pedidos de clientes */
.agi .ag-peds { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; scroll-margin: 12px }
.agi .ag-ph { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #f1f5f9; font-weight: 650; font-size: 13px; color: #0f172a }
.agi .ag-ph i { font-size: 17px; color: #475569 }
.agi .ag-pv { padding: 14px; color: #64748b; font-size: 12.5px; line-height: 1.45 }
.agi .ag-pd { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; min-width: 0 }
.agi .ag-pd:last-child { border-bottom: 0 }
.agi .ag-pd > b { display: block; font-size: 13px; font-weight: 650; color: #0f172a }
.agi .ag-pd.urg { background: #fffbfb; box-shadow: inset 3px 0 0 #dc2626 }
.agi .ag-urg { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: #991b1b; margin-bottom: 4px }
.agi .ag-urg i { font-size: 14px }
.agi .ag-pq { font-size: 12px; color: #334155; margin-top: 4px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap }
.agi .ag-pq i { font-size: 14px; color: #64748b }
.agi .ag-pd p { font-size: 12px; color: #64748b; margin: 5px 0 0; line-height: 1.4; overflow-wrap: anywhere }
.agi .ag-pb { display: flex; gap: 6px; margin-top: 9px; flex-wrap: wrap }
.agi .ag-pb .btn { height: 30px; padding: 0 10px; font-size: 12px; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap }
.agi .ag-pb .btn i { font-size: 15px }
.agi .ag-pb .ag-rc { color: #991b1b }

/* painel */
.agi .au-pt .au-lbl .ag-cor { width: 8px; height: 8px; margin: 0 5px 1px 0 }
.agi .au-linha small { margin-top: 1px }
.agi .ag-lk { width: 100%; border: 0; border-bottom: 1px solid #f1f5f9; background: none; font: inherit; text-align: left; cursor: pointer; border-radius: 0 }
.agi .ag-lk:hover { background: #f8fafc }
.agi .ag-lk > span { flex: 1 }
.agi .ag-lk > .ti-chevron-right { margin-left: auto; color: #94a3b8 }
.agi .au-linha .btn { margin-left: auto; flex-shrink: 0 }
.agi .au-sa button.dz, .agi .au-sa button.dz i { color: #b91c1c }
.agi .au-sa button.ok i { color: #047857 }
.agi .ag-iab { border: 1px solid #e2e8f0; border-radius: 10px; padding: 11px 12px; background: #f8fafc; font-size: 12.5px; line-height: 1.55; color: #334155 }
.agi .ag-iat { display: flex; align-items: center; gap: 6px; font-weight: 650; color: #0f172a; margin-bottom: 5px }
.agi .ag-iat i { color: #b45309; font-size: 16px }
.agi .ag-iab p { margin: 0 }
.agi .ag-iab ul { margin: 6px 0 0 18px; padding: 0 }
.agi .ag-iab li { margin-bottom: 3px }
.agi .ag-iab small, .agi .ag-sx { display: block; margin-top: 8px; color: #64748b; font-size: 11.5px; line-height: 1.4 }
.agi .ag-sn { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 12.5px; font-weight: 650; color: #0f172a }
.agi .ag-sn .au-x { border: 0; background: none; font-size: 18px; color: #64748b; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center }
.agi .ag-sn .au-x:hover:not(:disabled) { background: #f1f5f9 }
.agi .ag-sn .au-x:disabled { opacity: .35; cursor: default }
.agi .ag-sd { display: flex; gap: 6px; margin-top: 8px }
.agi .ag-sd button { flex: 1 1 0; min-width: 0; border: 1px solid #e2e8f0; border-radius: 9px; padding: 6px 0; background: #fff; font: inherit; font-size: 11px;
  color: #64748b; font-weight: 600; cursor: pointer; text-align: center }
.agi .ag-sd button b { display: block; font-size: 14px; color: #0f172a }
.agi .ag-sd button em { display: block; font-style: normal; font-size: 10px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.agi .ag-sd button.on { background: #0f172a; border-color: #0f172a; color: #cbd5e1 }
.agi .ag-sd button.on b { color: #fff }
.agi .ag-sd button:disabled { opacity: .45; cursor: default }
.agi .ag-sh { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px }
.agi .ag-sh button { height: 32px; padding: 0 11px; font-size: 12.5px }
.agi .ag-sh button.on { background: #0f172a; border-color: #0f172a; color: #fff }
.agi .ag-sh + .ag-sx, .agi .ag-pv + .ag-sx { margin-top: 8px }
.agi .ag-abas button { font-size: 12.5px }
.agi .ag-aba { display: flex; flex-direction: column; gap: 12px }
.agi .ag-dsem { display: flex; gap: 6px; flex-wrap: wrap }
.agi .ag-dsem label { position: relative; cursor: pointer }
.agi .ag-dsem input { position: absolute; opacity: 0; pointer-events: none }
.agi .ag-dsem span { display: inline-grid; place-items: center; min-width: 48px; height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid #e2e8f0;
  background: #fff; font-size: 12.5px; font-weight: 600; color: #475569 }
.agi .ag-dsem input:checked + span { background: #0f172a; border-color: #0f172a; color: #fff }
.agi .ag-dsem input:focus-visible + span { outline: 2px solid var(--jd-foco, #2563eb); outline-offset: 1px }
.agi .ag-sof-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px }
.agi .ag-sof { margin-top: 8px; background: #0f172a; color: #f8fafc; border-radius: 12px 12px 12px 4px; padding: 11px 13px; font-size: 13px; line-height: 1.55 }
.agi .ag-sof-t { font-size: 11px; font-weight: 650; color: #cbd5e1; margin-bottom: 4px }

/* ≥1440: coluna da direita com pedidos; o painel ocupa o lugar deles quando aberto */
@media (min-width: 1440px) {
  .agi .ag-split { grid-template-columns: minmax(0,1fr) clamp(300px, 21vw, 400px) }
  .agi .ag-cols { grid-template-columns: repeat(var(--n,5), minmax(138px,1fr)) }
  .agi .ag-lado { position: sticky; top: 12px; max-height: calc(100vh - 100px); display: flex; flex-direction: column; min-height: 0 }
  .agi .ag-lado .au-painel { overflow: auto; max-height: calc(100vh - 100px) }
  .agi .ag-peds { overflow: auto }
  .agi .ag-split.aberto .ag-peds { display: none }
  .agi .au-veu { display: none }
}
/* 1024–1439 e tablet: painel em gaveta */
@media (min-width: 768px) and (max-width: 1439px) {
  .agi .au-painel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 92vw); border-radius: 14px 0 0 14px; z-index: 10002;
    overflow: auto; box-shadow: -12px 0 32px rgb(15 23 42 / .2); border: 0; max-height: none }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .agi .ag-cols { grid-template-columns: repeat(var(--n,5), minmax(126px,1fr)) }
  .agi .ag-col .ag-hj { display: none }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .agi .ag-pl { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) }
  .agi .ag-pl .ag-pd { border-right: 1px solid #f1f5f9 }
}
/* abaixo de 1024: fita de dias + lista do dia escolhido */
@media (max-width: 1023px) {
  .agi .ag-fita { display: flex; gap: 6px; margin-bottom: 10px; overflow-x: auto; scrollbar-width: none }
  .agi .ag-cols { display: block; overflow: visible }
  .agi .ag-col { display: none }
  .agi .ag-col.on { display: block }
  .agi .ag-its { padding: 10px; gap: 8px }
  .agi .ag-it { padding: 9px 11px; font-size: 13px }
  .agi .ag-it small { font-size: 11.5px }
  .agi .ag-lv { width: calc(100% - 20px); margin: 0 10px 10px }
  .agi .ag-lvh { padding: 0 10px 10px }
  .agi .ag-lvh button { height: 34px; padding: 0 12px }
  .agi .ag-leg { margin-left: 0; flex-basis: 100% }
}
@media (max-width: 1023px) {
  #tacoes #ag-bloq-top { width: 34px; padding: 0; justify-content: center }
  #tacoes #ag-bloq-top .ag-tx { display: none }
  #tacoes #ag-bloq-top i { font-size: 16px }
}
/* celular */
@media (max-width: 767px) {
  .agi .ag-nav { gap: 8px }
  .agi .ag-nav h2 { font-size: 14px }
  .agi .ag-leg { display: none }
  .agi .ag-sem { padding-bottom: 4px }
  .agi .ag-peds { margin-bottom: 72px }
  .agi .ag-pb .btn { flex: 1; justify-content: center; min-height: 36px }
  .agi .au-ac.ag-ia-ac { margin-left: 0 }
  .agi .ag-sd { overflow-x: auto; scrollbar-width: none }
  .agi .ag-sd button { flex: 0 0 58px }
  .agi .ag-sh button { height: 38px; padding: 0 13px }
  #tacoes #ag-novo-top { display: none }
}

/* fim de semana ligado: 7 colunas mais estreitas; rola na horizontal só se não couber */
@media (min-width: 1024px) {
  .agi .ag-cols.ag-7 { grid-template-columns: repeat(7, minmax(118px,1fr)); scroll-snap-type: x proximity }
  .agi .ag-cols.ag-7 .ag-col { scroll-snap-align: start }
  .agi .ag-cols.ag-7 .ag-hj { display: none }
  .agi .ag-cols.ag-7 .ag-dt { flex-wrap: wrap; row-gap: 0 }
}

/* modo escuro */
body.dark-mode .caixa-dash-scope.agi { background: #0f172a; color: #e2e8f0 }
body.dark-mode .agi .ag-leg { color: #94a3b8 }
body.dark-mode .agi .ag-cor.t-audiencia { background: #5b9bd5 }
body.dark-mode .agi .ag-nav .btn, body.dark-mode .agi .ag-pb .btn-o { background: #1e293b; border-color: #334155; color: #e2e8f0 }
body.dark-mode .agi .ag-pb .btn-p { background: #e2e8f0; border-color: #e2e8f0; color: #0f172a }
body.dark-mode .agi .ag-pb .ag-rc { color: #fca5a5 }
body.dark-mode #tacoes #ag-bloq-top, body.dark-mode #tacoes #ag-mais { background: #1e293b; border-color: #334155; color: #e2e8f0 }
body.dark-mode .agi .ag-col, body.dark-mode .agi .ag-peds, body.dark-mode .agi .ag-fd, body.dark-mode .agi .ag-it,
body.dark-mode .agi .ag-sd button, body.dark-mode .agi .ag-dsem span { background: #1e293b; border-color: #334155 }
body.dark-mode .agi .ag-col.off, body.dark-mode .agi .ag-iab, body.dark-mode .agi .ag-sc { background: #0f172a; border-color: #334155 }
body.dark-mode .agi .ag-col.hj { border-color: #e2e8f0; box-shadow: 0 0 0 1px #e2e8f0 }
body.dark-mode .agi .ag-dh, body.dark-mode .agi .ag-ph, body.dark-mode .agi .ag-pd, body.dark-mode .agi .ag-lk { border-color: #334155 }
body.dark-mode .agi .ag-dt b, body.dark-mode .agi .ag-it, body.dark-mode .agi .ag-fd b, body.dark-mode .agi .ag-nav h2, body.dark-mode .agi .ag-ph,
body.dark-mode .agi .ag-pd > b, body.dark-mode .agi .ag-sd button b, body.dark-mode .agi .ag-iat, body.dark-mode .agi .ag-sn { color: #e2e8f0 }
body.dark-mode .agi .ag-pq, body.dark-mode .agi .ag-iab, body.dark-mode .agi .ag-ih, body.dark-mode .agi .ag-dsem span { color: #cbd5e1 }
body.dark-mode .agi .ag-hj { background: #e2e8f0; color: #0f172a }
body.dark-mode .agi .ag-cg span { background: #334155 }
body.dark-mode .agi .ag-it.t-audiencia { background: #1e4a78; border-color: #3b7cc0; color: #fff }
body.dark-mode .agi .ag-it.t-audiencia .ag-ih, body.dark-mode .agi .ag-it.t-audiencia small, body.dark-mode .agi .ag-it.t-audiencia .ag-ih em { color: #dbeafe }
body.dark-mode .agi .ag-it.t-bloqueio { background: repeating-linear-gradient(135deg,#1e293b 0 6px,#243247 6px 12px) }
body.dark-mode .agi .ag-it.t-agendamento, body.dark-mode .agi .ag-lv, body.dark-mode .agi .ag-lvh button, body.dark-mode .agi .ag-sh button { background: #052e22; border-color: #065f46; color: #a7f3d0 }
body.dark-mode .agi .ag-it.t-agendamento { color: #e2e8f0 }
body.dark-mode .agi .ag-it.sel { box-shadow: 0 0 0 2px #e2e8f0 }
body.dark-mode .agi .ag-fd.on, body.dark-mode .agi .ag-sd button.on, body.dark-mode .agi .ag-sh button.on, body.dark-mode .agi .ag-dsem input:checked + span { background: #e2e8f0; border-color: #e2e8f0; color: #0f172a }
body.dark-mode .agi .ag-fd.on b, body.dark-mode .agi .ag-sd button.on b { color: #0f172a }
body.dark-mode .agi .ag-fd.hj { border-color: #e2e8f0 }
body.dark-mode .agi .ag-pd.urg { background: #2a1d22 }
body.dark-mode .agi .ag-ant { background: #3b1d1d; color: #fecaca }
body.dark-mode .agi .ag-ant.am { background: #3a2a10; color: #fde68a }
body.dark-mode .agi .ag-lk:hover { background: #243247 }
body.dark-mode .agi .ag-sof { background: #0b1220; border: 1px solid #334155 }