/* inbox.css — popover de inbox (abas + items)
   Escopado por .au-shell */

.inbox-wrap { position: relative }

.inbox-pop {
  position: fixed;
  top: 60px;
  left: 8px;
  width: min(760px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
  background: var(--au-bg-panel);
  border: 1px solid var(--au-line);
  border-radius: var(--au-radius-lg);
  box-shadow: var(--au-shadow-lg);
  z-index: 1000;
  display: none;
  flex-direction: column;
  max-height: min(78vh, 760px);
  overflow: hidden;
}
.inbox-pop[hidden] { display: none !important }
.inbox-pop.open { display: flex !important }

.inbox-head {
  padding: 14px 18px 10px;
  border-bottom: 1px solid var(--au-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inbox-title {
  font-family: var(--au-font-serif);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.inbox-title em {
  font-style: italic;
  color: var(--au-ink-400);
  font-weight: 400;
}
.inbox-clear {
  font-size: 11px;
  color: var(--au-ink-500);
  padding: 3px 8px;
  border-radius: 4px;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
}
.inbox-clear:hover {
  background: var(--au-bg-hover);
  color: var(--au-ink-900);
}

.inbox-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding: 0 14px;
  border-bottom: 1px solid var(--au-line);
}
.inbox-tab {
  padding: 9px 10px;
  font-size: 12px;
  color: var(--au-ink-500);
  font-weight: 500;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  font-family: inherit;
}
.inbox-tab:hover { color: var(--au-ink-900) }
.inbox-tab.active {
  color: var(--au-ink-900);
  border-bottom-color: var(--au-accent);
}
.inbox-tab .pill {
  font-family: var(--au-font-mono);
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 999px;
  background: var(--au-bg-subtle);
  color: var(--au-ink-500);
}
.inbox-tab.active .pill {
  background: var(--au-accent);
  color: white;
}

.inbox-body { overscroll-behavior: contain; overflow-y: auto; }
.inbox-juridico-filters {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 8px 14px;
  border-bottom: 1px solid var(--au-line);
  background: var(--au-bg-panel);
}
.inbox-juridico-filters::-webkit-scrollbar { display: none; }
.inbox-juridico-filter {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid var(--au-line);
  border-radius: 999px;
  background: var(--au-bg-panel);
  color: var(--au-ink-500);
  font: 500 11px/1.2 var(--au-font-sans);
  cursor: pointer;
}
.inbox-juridico-filter span {
  font-family: var(--au-font-mono);
  font-size: 9px;
  color: var(--au-ink-400);
}
.inbox-juridico-filter:hover,
.inbox-juridico-filter.active {
  color: var(--au-ink-900);
  background: var(--au-bg-subtle);
}
.inbox-juridico-filter.active {
  border-color: var(--au-ink-300);
}
.inbox-item {
  padding: 12px 18px;
  border-bottom: 1px solid var(--au-line);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.inbox-item:hover { background: var(--au-bg-subtle) }
.inbox-item:last-child { border-bottom: none }
.inbox-item .dot-ind {
  width: 6px; height: 6px; margin-top: 6px; border-radius: 50%;
  flex-shrink: 0;
}
.inbox-item.overdue .dot-ind { background: var(--au-danger) }
.inbox-item.week .dot-ind { background: var(--au-warn) }
.inbox-item.sugestao .dot-ind { background: var(--au-info) }
.inbox-item.ronda .dot-ind,
.inbox-item.ronda-summary .dot-ind { background: var(--au-accent) }
.inbox-item.sync-err .dot-ind { background: var(--au-danger) }
.inbox-item.sem-consulta .dot-ind { background: var(--au-ink-300) }
.inbox-item--juridico .dot-ind { background: var(--au-accent); }
.inbox-item-body { flex: 1; min-width: 0 }
.inbox-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}
.inbox-item-cnj {
  font-family: var(--au-font-mono);
  font-size: 10px;
  color: var(--au-ink-500);
  font-variant-numeric: tabular-nums;
}
.inbox-link {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.inbox-link:hover {
  color: var(--au-ink-900);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.inbox-item-when {
  font-size: 11px;
  color: var(--au-ink-700);
  font-family: var(--au-font-mono);
  font-variant-numeric: tabular-nums;
}
.inbox-item-when.danger { color: var(--au-danger); font-weight: 600 }
.inbox-item-title {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--au-ink-900);
  line-height: 1.3;
  margin-bottom: 3px;
}
.inbox-juridico-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.inbox-juridico-main { min-width: 0; }
.inbox-juridico-titleline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.inbox-juridico-client {
  color: var(--au-ink-900);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-juridico-meta {
  margin-top: 2px;
  color: var(--au-ink-500);
  font-size: 11px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-juridico-summary {
  margin-top: 5px;
  color: var(--au-ink-700);
  font-size: 11.5px;
  line-height: 1.38;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-juridico-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  min-width: 92px;
}
.inbox-juridico-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 132px;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inbox-juridico-badge--despacho { background: var(--au-info-soft); color: var(--au-info); }
.inbox-juridico-badge--sentenca { background: var(--au-ok-soft); color: var(--au-ok); }
.inbox-juridico-badge--decisao { background: var(--au-info-soft); color: var(--au-info); }
.inbox-juridico-badge--pauta { background: var(--au-warn-soft); color: var(--au-warn); }
.inbox-juridico-badge--ato { background: var(--au-bg-subtle); color: var(--au-ink-500); }
.inbox-juridico-badge--certidao { background: var(--au-ok-soft); color: var(--au-ok); }
.inbox-juridico-badge--lista { background: var(--au-danger-soft); color: var(--au-danger); }
.inbox-juridico-badge--intimacao { background: var(--au-danger-soft); color: var(--au-danger); }
.inbox-juridico-badge--source-google { background: var(--au-danger-soft); color: var(--au-danger); }
.inbox-juridico-badge--source-djen { background: var(--au-bg-subtle); color: var(--au-accent); }
.inbox-juridico-badge--source-pje,
.inbox-juridico-badge--source-eproc { background: var(--au-info-soft); color: var(--au-info); }
.inbox-item-sub {
  font-size: 11px;
  color: var(--au-ink-500);
  line-height: 1.4;
}
.inbox-party-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin: 5px 0 4px;
}
.inbox-party-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid var(--au-line-2, rgba(0,0,0,.10));
  border-radius: var(--au-r-xs, 4px);
  background: var(--au-bg-panel);
  color: var(--au-ink-800);
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.2;
}
.inbox-party-opponent {
  color: var(--au-ink-500);
  font-size: 10.5px;
  line-height: 1.2;
}
.inbox-publication-text {
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid var(--au-line-2, rgba(0,0,0,.10));
  border-radius: var(--au-r-sm, 6px);
  background: var(--au-bg-panel);
  color: var(--au-ink-800);
  font-size: 11.5px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.inbox-publication-text--compact {
  /* sem limite — deixa o conteúdo fluir; scroll só no body do inbox */
}
/* Despacho de origem da sugestão (teor integral, expansível) */
.inbox-teor {
  margin-top: 8px;
}
.inbox-teor-summary {
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  color: var(--au-ink-500);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  user-select: none;
}
.inbox-teor-summary:hover {
  color: var(--au-ink-700);
}
.inbox-teor-body {
  margin-top: 6px;
  padding: 9px 10px;
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid var(--au-line-2, rgba(0,0,0,.10));
  border-radius: var(--au-r-sm, 6px);
  background: var(--au-bg-panel);
  color: var(--au-ink-800);
  font-size: 11.5px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.inbox-item-actions {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}
.inbox-action {
  font-size: 11px;
  padding: 3px 8px;
  border: 1px solid var(--au-line);
  border-radius: 4px;
  color: var(--au-ink-700);
  background: var(--au-bg-panel);
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
.inbox-action:hover { background: var(--au-bg-hover) }
.inbox-action.primary {
  background: var(--au-ink-900);
  color: var(--au-bg);
  border-color: var(--au-ink-900);
}
.inbox-action.primary:hover { background: var(--au-ink-700) }

/* ── Sugestão ── */
.inbox-item-badge--sugestao {
  display: inline-block;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: var(--au-r-xs, 4px);
  background: var(--au-info-bg, var(--au-info-soft));
  color: var(--au-info, var(--au-info));
  letter-spacing: .3px;
  text-transform: uppercase;
}
.inbox-item-badge--ronda {
  display: inline-block;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: var(--au-r-xs, 4px);
  background: var(--au-accent-soft);
  color: var(--au-accent);
  letter-spacing: .3px;
}
.inbox-item-badge--prazo,
.inbox-item-badge--audiencia,
.inbox-item-badge--sessao {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: var(--au-r-xs, 4px);
  letter-spacing: .3px;
}
.inbox-item-badge--prazo,
.inbox-item-badge--audiencia {
  background: var(--au-danger-soft);
  color: var(--au-danger);
}
.inbox-item-badge--sessao {
  background: var(--au-info-soft);
  color: var(--au-info);
}
.dot-ind--sugestao { background: var(--au-info, var(--au-info)) !important; }
.inbox-action--approve {
  background: var(--au-normal-bg, var(--au-ok-soft));
  color: var(--au-normal, var(--au-ok));
  border-color: rgba(90, 138, 107, .3);
}
.inbox-action--approve:hover { background: var(--au-normal, var(--au-ok)); color: var(--au-bg, var(--au-bg)); }
.inbox-action--reject {
  background: var(--au-bg-panel, var(--au-bg-panel));
  color: var(--au-ink-3, var(--au-ink-400));
  border-color: var(--au-line-2, rgba(0,0,0,.10));
}
.inbox-action--reject:hover { background: var(--au-bg-hover, rgba(0,0,0,.025)); }
.inbox-conf {
  font-size: 10px;
  font-weight: 600;
  padding: 0 4px;
  border-radius: var(--au-r-xs, 4px);
}
.conf-alta { color: var(--au-normal, var(--au-ok)); background: var(--au-normal-bg, var(--au-ok-soft)); }
.conf-media { color: var(--au-high, var(--au-warn)); background: var(--au-high-bg, var(--au-warn-soft)); }
.conf-baixa { color: var(--au-fatal, var(--au-danger)); background: var(--au-fatal-bg, var(--au-danger-soft)); }

/* ── Vínculo publicação ↔ sugestão ── */
.inbox-linked {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid var(--au-line-2, rgba(0,0,0,.10));
  border-radius: var(--au-r-sm, 6px);
  background: var(--au-bg-subtle, rgba(0,0,0,.025));
}
.inbox-linked-label {
  font-size: 9px;
  font-weight: 700;
  color: var(--au-ink-400);
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 3px;
}
.inbox-linked-title {
  font-size: 12px;
  line-height: 1.35;
  color: var(--au-ink-900);
}
.inbox-linked-meta {
  margin-top: 3px;
  font-size: 11px;
  color: var(--au-ink-500);
}
.inbox-linked--suggestion {
  border-color: rgba(90, 111, 138, .24);
  background: var(--au-info-bg, var(--au-info-soft));
}

/* ── Empty state ── */
.inbox-empty {
  padding: 24px 18px;
  text-align: center;
  color: var(--au-ink-400);
  font-size: 12px;
  font-style: italic;
}

/* Badges de prazo — tokens semânticos do sistema */
.inbox-juridico-badge--prazo-hoje   { background: var(--au-warn-soft);   color: var(--au-warn); }
.inbox-juridico-badge--prazo-amanha { background: var(--au-warn-soft);   color: var(--au-warn); opacity: .75; }
.inbox-juridico-badge--prazo-semana { background: var(--au-info-soft);   color: var(--au-info); }
.inbox-juridico-badge--prazo-mes    { background: var(--au-bg-subtle);   color: var(--au-ink-500); }
.inbox-juridico-badge--prazo-neutro { background: var(--au-bg-subtle);   color: var(--au-ink-500); }