/* ObraAtiva: continuidade da recepção na interface operacional.
   Somente apresentação. Sem novos dados, ações, dependências ou animações contínuas.
   #app repetido delimita a precedência sobre os estilos legados injetados após o load.
   Tokens escopados: página pública, login e documentos não recebem este tema. */
html body #app#app:not(.public-app) {
  --workspace-night: #020b18;
  --workspace-surface: #081828;
  --workspace-card: #0b1d2e;
  --workspace-line: #234057;
  --workspace-green: #2bd466;
  --workspace-green-soft: #80e6a4;
  --workspace-text: #f4f8fc;
  --workspace-muted: #adc0d1;
  --workspace-paper: #f0f4f6;
  --workspace-ink: #142e40;
  --workspace-ink-muted: #4c6374;
  --workspace-shadow: 0 4px 18px #0613220a;
  background: var(--workspace-paper);
  color: var(--workspace-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

html body #app#app:not(.public-app) :is(h1,h2,h3,h4,p,b,strong,small,span,time,label,button,input,select,textarea,td,th,a,summary,div,section,article,header,footer,nav) {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
html body #app#app:not(.public-app) :is(button,input,select,textarea) { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important; }
html body #app#app:not(.public-app) :is(h1,h2,h3) { letter-spacing: -.025em; line-height: 1.25; }
html body #app#app:not(.public-app) :is(button,a,input,select,textarea,summary):focus-visible {
  outline: 3px solid #1677ff !important;
  outline-offset: 3px !important;
}

/* Navegação: mesma assinatura navy/verde, sem competir com os dados. */
html body #app#app:not(.public-app) > .side {
  background: linear-gradient(170deg,#0c2134,var(--workspace-night) 42%) !important;
  border-right: 1px solid #1c3346 !important;
  box-shadow: none !important;
}
html body #app#app:not(.public-app) .side .brand {
  padding: 16px 12px 20px !important;
  background: transparent !important;
  border: 0 !important;
}
html body #app#app:not(.public-app) .side .brand-text span { font-size: 22px !important; font-weight: 750 !important; letter-spacing: -.045em; }
html body #app#app:not(.public-app) .side .brand-text small { color: #a5bbcc !important; font-size: 8px !important; letter-spacing: .09em !important; }
html body #app#app:not(.public-app) .side .brand-text b { color: var(--workspace-green) !important; }
html body #app#app:not(.public-app) #nav button {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #adc0d1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  transition: background-color .16s, border-color .16s, color .16s !important;
}
html body #app#app:not(.public-app) #nav button.active {
  border-color: #27563d !important;
  background: linear-gradient(90deg,#15392f,#102a2b) !important;
  color: #a1f0b8 !important;
  box-shadow: inset 3px 0 var(--workspace-green) !important;
}
html body #app#app:not(.public-app) #nav button:hover { background-color: #132b3e !important; color: #fff !important; }
html body #app#app:not(.public-app) .main { min-width: 0; background: var(--workspace-paper) !important; }
html body #app#app:not(.public-app) .top {
  background: #081828 !important;
  border-bottom: 1px solid #234057 !important;
  box-shadow: none !important;
}
html body #app#app:not(.public-app) .top :is(.top-brand strong,#headerPage) { color: #f4f8fc !important; font-weight: 650 !important; }
html body #app#app:not(.public-app) .top .top-brand > span { color: #80e6a4 !important; }
html body #app#app:not(.public-app) .top .obraativa-mobile-top-logo { position: static !important; flex: 0 0 38px !important; width: 38px !important; height: 38px !important; margin: 0 8px 0 0 !important; }
html body #app#app:not(.public-app) #view { padding: clamp(16px,2.2vw,30px) !important; }
html body #app#app:not(.public-app) #view:has(.obraativa-home-premium) { background: transparent !important; }

/* Módulos: superfícies de trabalho claras, hierarquia e ações consistentes. */
html body #app#app:not(.public-app) #view > .section-head,
html body #app#app:not(.public-app) #view :is(.payment-page-header,.permission-hub-hero) {
  padding: 16px 20px !important;
  border: 1px solid #285243 !important;
  border-radius: 14px !important;
  background: linear-gradient(115deg,#0d2931,#0b202e 60%,#10342c) !important;
  color: #f4f8fc !important;
}
html body #app#app:not(.public-app) #view > .section-head :is(.page-title,h1,h2),
html body #app#app:not(.public-app) #view :is(.payment-page-header,.permission-hub-hero) :is(.page-title,h1,h2) { color: #f4f8fc !important; }
html body #app#app:not(.public-app) #view > .section-head .sub,
html body #app#app:not(.public-app) #view :is(.payment-page-header,.permission-hub-hero) :is(.sub,p) { color: #bed0da !important; }
html body #app#app:not(.public-app) #view > .section-head .sub { margin: 4px 0 0 !important; }
html body #app#app:not(.public-app) #view :is(.finance-payment-center-nav,.employee-performance-switch,.permission-hub-tabs) { border-color: #c9d8de !important; background: transparent !important; box-shadow: none !important; }
html body #app#app:not(.public-app) #view :is(.finance-payment-center-tab.active,.employee-performance-switch button.active,.permission-hub-tabs button.active) { background: #0d2931 !important; border-color: #285243 !important; color: #a1f0b8 !important; box-shadow: inset 0 -2px #2bd466 !important; }
html body #app#app:not(.public-app) #view :is(.permission-hub-stat,.permission-hub-card,.presence) { border: 1px solid #d5e0e7 !important; border-radius: 12px !important; box-shadow: var(--workspace-shadow) !important; }
html body #app#app:not(.public-app) #view :is(.card,.internal-work-card,.table-wrap,.home-insight-panel) {
  border-color: #d5e0e7 !important;
  border-radius: 14px !important;
  box-shadow: var(--workspace-shadow) !important;
}
html body #app#app:not(.public-app) #view :is(.page-title,.clean-work-head h1,.finance-clean-head h1) {
  color: var(--workspace-ink) !important;
  font-size: clamp(21px,2vw,28px) !important;
  font-weight: 750 !important;
}
html body #app#app:not(.public-app) #view :is(.toolbar,.filters) {
  border-color: #d5e0e7 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body #app#app:not(.public-app) #view :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {
  border-color: #aabecb;
  border-radius: 8px !important;
  color: #142e40;
  accent-color: #168347;
}
html body #app#app:not(.public-app) #view :is(input[type=checkbox],input[type=radio]) { accent-color: #168347; }
html body #app#app:not(.public-app) #view .btn:not(.alt):not(.danger):not(.ghost):not(.outline):not(:disabled) {
  background: #137640 !important;
  border-color: #137640 !important;
  color: #fff !important;
  box-shadow: 0 3px 8px #13764014 !important;
  border-radius: 9px !important;
}
html body #app#app:not(.public-app) #view .btn.alt {
  border-color: #c3d5cb !important;
  color: #195b39 !important;
  background: #f6fbf8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
html body #app#app:not(.public-app) #view :is(.table th,thead th) {
  color: #405b6c !important;
  background: #eaf0f3 !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
}
html body #app#app:not(.public-app) #view tbody tr:hover > td { background-color: #f2f8f5; }
html body #app#app:not(.public-app) #view :is(.internal-work-current,.finance-clean-metrics article,.finance-work-guide-metrics article) {
  border-color: #cfddd6 !important;
  background: #f7fbf9 !important;
  border-radius: 10px !important;
}

/* Home: assinatura navy na área de comando; leitura operacional em superfícies claras.
   A distribuição usa os blocos existentes. Não filtra nem corta registros. */
html body #app#app:not(.public-app) .main:has(.obraativa-home-premium) {
  background: linear-gradient(180deg,#e7eff1 0,#f3f6f8 360px) !important;
}
html body #app#app:not(.public-app) #view .home-operational.obraativa-home-premium {
  gap: 14px !important;
  color: var(--workspace-ink);
  --obra-home-line: #d6e1e7;
  --obra-home-ink: var(--workspace-ink);
  --obra-home-muted: var(--workspace-ink-muted);
  --obra-home-surface: #fff;
  --obra-home-soft: #f4f8fa;
  font-variant-numeric: tabular-nums;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head {
  min-height: 88px !important;
  padding: 12px 20px !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  gap: 16px !important;
  border: 1px solid #285243 !important;
  border-radius: 16px !important;
  background: radial-gradient(ellipse at 95% 0,#1b735b55,transparent 50%),linear-gradient(115deg,#0c2237,#081827 65%,#11372f) !important;
  box-shadow: inset 0 1px #74e09a12,0 8px 20px #0b233417 !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head::after {
  width: 180px; height: 180px; right: -60px; bottom: -120px;
  box-shadow: 0 0 0 24px #42d88508,0 0 0 48px #42d88505;
  pointer-events: none;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head > div:first-child { display: flex !important; flex-direction: column; align-items: flex-start; gap: 2px; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-operational-head h1 {
  font-size: clamp(20px,1.6vw,24px) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-user-name { font-size: .76em !important; font-weight: 500 !important; color: #d0e2df; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-operational-head p { font-size: 12px !important; color: #b9cecf !important; margin-top: 2px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-date { font-size: 11px !important; font-weight: 500 !important; color: #92bbad !important; margin-top: 0 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-head-actions,
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip { align-self: center !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip {
  min-width: 190px !important;
  padding: 11px 15px !important;
  background: #041b20 !important;
  border: 1px solid #35594e !important;
  border-radius: 10px !important;
  backdrop-filter: none !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip small { display: block !important; color: #80e6a4 !important; font-size: 10px !important; letter-spacing: .07em !important; margin-bottom: 5px; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip:not(:has(small))::before { content: 'Próximo pagamento'; display: block; color: #80e6a4; font-size: 10px; font-weight: 500; letter-spacing: .04em; margin-bottom: 5px; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip b { font-size: 14px !important; font-weight: 600 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcut-editor-button {
  min-height: 40px !important; padding: 8px 12px !important;
  border-color: #416259 !important; border-radius: 9px !important;
  color: #cce2d9 !important; background: transparent !important;
  font-size: 12px !important; font-weight: 600 !important; backdrop-filter: none !important;
}

/* Um cartão = ícone, nome e apoio; os tamanhos/quantidades do editor continuam válidos. */
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcuts { gap: 12px !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) {
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important; align-items: center !important;
  min-height: var(--workspace-shortcut-height,96px) !important;
  padding: var(--workspace-shortcut-padding,16px) !important;
  gap: 4px 14px !important;
  border: 1px solid #d1dfe5 !important; border-radius: 14px !important;
  background: linear-gradient(130deg,#fff,#f8fbfc) !important;
  color: #142e40 !important;
  box-shadow: 0 3px 10px #102d3e07 !important;
  text-align: left !important;
  transition: border-color .16s,background-color .16s,box-shadow .16s !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut::before { width: 3px !important; background: #17824d !important; opacity: 0; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon {
  grid-row: 1/3 !important; grid-column: 1 !important;
  width: 58px !important; height: 58px !important;
  border: 0 !important; border-radius: 13px !important;
  background: transparent !important; box-shadow: none !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon .obraativa-icon-art { width: 50px !important; height: 50px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut b { grid-column: 2 !important; align-self: end !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.25 !important; color: #142e40 !important; overflow-wrap: anywhere; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut small { grid-column: 2 !important; align-self: start !important; font-size: 12px !important; color: #4c6374 !important; line-height: 1.45 !important; overflow-wrap: anywhere; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-size-compact { --workspace-shortcut-height: 84px; --workspace-shortcut-padding: 10px; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-size-spacious { --workspace-shortcut-height: 120px; --workspace-shortcut-padding: 20px; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-1 { grid-template-columns: minmax(0,1fr) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-5 { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }

/* Indicadores existentes, sem substituir fórmulas ou ocultar valores zero. */
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric {
  grid-template-columns: 44px minmax(0,1fr) !important;
  min-height: 88px !important; gap: 10px !important; padding: 12px 16px !important;
  border: 1px solid #d6e1e7 !important; border-radius: 12px !important;
  background: #fff !important; box-shadow: 0 3px 10px #102d3e05 !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric-icon { width: 44px !important; height: 44px !important; background: transparent !important; box-shadow: none !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric small { font-size: 12px !important; color: #4c6374 !important; font-weight: 500 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric strong { display: block; margin: 3px 0; font-size: clamp(21px,1.8vw,27px) !important; line-height: 1.2 !important; font-weight: 700 !important; color: #142e40 !important; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric.green strong { color: #137640 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric.negative strong { color: #b42339 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric > div > span { color: #4c6374 !important; font-size: 11px !important; }

/* Painéis: cabeçalhos enxutos, divisórias e números alinhados. */
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel,.home-insight-panel,.home-weather-card) {
  border: 1px solid #d6e1e7 !important;
  border-radius: 14px !important; background: #fff !important;
  box-shadow: 0 4px 16px #0b233408 !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-head,.home-insight-head) { padding: 12px 18px !important; border-bottom: 1px solid #e2eaee !important; background: transparent !important; align-items: center !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-head h2,.home-insight-head h2) { color: #142e40 !important; font-size: 18px !important; font-weight: 650 !important; line-height: 1.3 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-head p,.home-insight-head p) { color: #4c6374 !important; font-size: 11px !important; line-height: 1.45 !important; }
html body #app#app:not(.public-app) #view .obraativa-section-kicker { color: #137640 !important; font-weight: 600 !important; font-size: 9px !important; letter-spacing: .12em !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-link,.obraativa-work-open,.home-insight-link,.home-weather-button) {
  min-height: 40px !important; padding: 8px 12px !important;
  border: 1px solid #cedde4 !important; border-radius: 8px !important;
  background: #f7fafb !important; color: #214858 !important;
  font-size: 12px !important; font-weight: 600 !important;
  box-shadow: none !important; line-height: 1.25 !important;
}
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-schedule-row,.obraativa-work-row,.home-attention-item,.home-activity-item) { border-color: #e2eaee !important; background: transparent !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-row { padding: 10px 18px !important; min-width: 0; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-schedule-copy b,.obraativa-schedule-lead b,.obraativa-work-copy b,.home-attention-item b,.home-activity-item b) { color: #142e40 !important; font-size: 13px !important; font-weight: 600 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-schedule-copy small,.obraativa-schedule-lead small,.obraativa-work-copy small,.home-attention-item small,.home-activity-item small,.home-activity-time) { color: #4c6374 !important; font-size: 11px !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-meta { border-color: #d6e1e7 !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-meta strong { color: #137640 !important; font-size: 22px !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-meta span { color: #4c6374 !important; font-size: 11px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-work-row { min-height: 112px !important; grid-template-columns: 46px minmax(0,1fr) 14px !important; padding: 12px 18px !important; gap: 12px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-work-icon,.obraativa-schedule-icon) { width: 44px !important; height: 44px !important; background: transparent !important; box-shadow: none !important; }
html body #app#app:not(.public-app) #view .obraativa-work-tags span { background: #edf6f1 !important; color: #215c40 !important; font-size: 10px !important; }
html body #app#app:not(.public-app) #view .obraativa-progress { height: 5px !important; background: #dde7eb !important; }
html body #app#app:not(.public-app) #view .obraativa-progress i { background: #16834b !important; }
html body #app#app:not(.public-app) #view :is(.obraativa-work-percent,.obraativa-work-chevron) { color: #137640 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-finance-total article { border: 1px solid #d8e5de !important; border-radius: 10px !important; background: #f3f9f6 !important; padding: 12px !important; }
html body #app#app:not(.public-app) #view .obraativa-finance-total small { color: #4c6374 !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .06em !important; }
html body #app#app:not(.public-app) #view .obraativa-finance-total b { color: #137640 !important; font-size: 22px !important; font-variant-numeric: tabular-nums; }
html body #app#app:not(.public-app) #view .obraativa-finance-total article:first-child { background: #0b2234 !important; border-color: #0b2234 !important; }
html body #app#app:not(.public-app) #view .obraativa-finance-total article:first-child small { color: #b9cfdb !important; }
html body #app#app:not(.public-app) #view .obraativa-finance-total article:first-child b { color: #f4f8fc !important; }
html body #app#app:not(.public-app) #view .obraativa-bar-row :is(span,b) { color: #405b6c !important; font-size: 12px !important; }
html body #app#app:not(.public-app) #view .obraativa-bar-track { background: #edf2f5 !important; }
html body #app#app:not(.public-app) #view .obraativa-bar-track i { background: #1677dd !important; }
html body #app#app:not(.public-app) #view .obraativa-bar-row.green .obraativa-bar-track i { background: #16834b !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-empty,.home-attention-empty,.home-activity-empty) { color: #4c6374 !important; background: transparent !important; font-size: 12px !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-empty b { color: #142e40 !important; }
html body #app#app:not(.public-app) #view .obraativa-schedule-empty small { color: #4c6374 !important; }

/* Clima: estados vazio, erro e previsão permanecem legíveis. */
html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-weather-card { min-height: 0 !important; height: auto !important; padding: 32px 12px 18px !important; grid-template-columns: minmax(0,1.2fr) repeat(3,minmax(0,.7fr)) !important; grid-template-rows: auto !important; background: #f7fafb !important; }
html body #app#app:not(.public-app) #view .home-weather-card::after { color: #405b6c !important; font-size: 12px !important; font-weight: 650 !important; top: 10px !important; }
html body #app#app:not(.public-app) #view .home-weather-card :is(b,strong,h3) { color: #214858 !important; }
html body #app#app:not(.public-app) #view .home-weather-card :is(small,p,.home-weather-meta,.home-weather-range) { color: #4c6374 !important; }
html body #app#app:not(.public-app) #view .home-weather-card :is(.home-weather-current,.home-weather-day,.home-weather-idle) { background: transparent !important; border-color: #d6e1e7 !important; }
html body #app#app:not(.public-app) #view .home-weather-card .home-weather-credit { color: #4c6374 !important; opacity: 1; }
html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-weather-card:has(.home-weather-idle) { display: block !important; height: auto !important; min-height: 0 !important; padding: 30px 12px 16px !important; }
html body #app#app:not(.public-app) #view .home-weather-idle-main > span { background: #e9f0f3 !important; flex-shrink: 0; }
html body #app#app:not(.public-app) #view .home-weather-card .home-weather-day em { color: #4c6374 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(button,a,input,select,textarea):focus-visible { outline-color: #1677dd !important; }

/* Uma ação principal; os demais acessos mantêm tratamento discreto. */
html body #app#app:not(.public-app) #view .obraativa-schedule-panel .obraativa-panel-link { background: #137640 !important; border-color: #137640 !important; color: #fff !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium > .obraativa-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; align-self: stretch; }
html body #app#app:not(.public-app) #view .obraativa-home-premium > .obraativa-metrics[data-count="1"] { grid-template-columns: minmax(0,1fr) !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium > :is(.home-insights,.obraativa-overview-grid) { gap: 14px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .home-insight-head { flex-wrap: wrap; gap: 8px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.home-attention-item,.home-activity-item) { padding: 10px 16px !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-attention-panel { border-top: 3px solid #d69a30 !important; }
html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-schedule-copy,.obraativa-schedule-lead,.obraativa-work-copy,.home-insight-head > div) { min-width: 0; overflow-wrap: anywhere; }
@media (min-width:1181px) {
  html body #app#app:not(.public-app) #view .obraativa-home-premium:has(> .home-insights) > .obraativa-schedule-panel { grid-column: 1 / span 7 !important; align-self: start; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium:has(> .obraativa-schedule-panel) > .home-insights { grid-column: 8 / -1 !important; grid-template-columns: minmax(0,1fr) !important; align-self: start; }
  /* Sem escala no dia, não deixe a altura dos avisos abrir um vazio na coluna
     esquerda: a rotina vira uma faixa e os dois resumos ocupam a linha seguinte. */
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .obraativa-schedule-panel:has(.obraativa-schedule-empty) { grid-column: 1 / -1 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .obraativa-schedule-panel:has(.obraativa-schedule-empty) ~ .home-insights { grid-column: 1 / -1 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body #app#app:not(.public-app) #view .obraativa-schedule-row { grid-template-columns: 42px minmax(0,1fr) 80px !important; gap: 8px 12px; }
  html body #app#app:not(.public-app) #view .obraativa-schedule-lead { grid-column: 2 / -1; display: flex; align-items: baseline; gap: 8px; }
  html body #app#app:not(.public-app) #view .obraativa-schedule-lead small { font-size: 9px !important; }
}
@media (max-width:1180px) {
  /* O clima não estica os indicadores em tablets: cada bloco ocupa sua linha. */
  html body #app#app:not(.public-app) #view .obraativa-home-premium > :is(.obraativa-metrics,.home-weather-card) { grid-column: 1/-1 !important; }
}
@media (min-width:701px) and (max-width:1180px) {
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-weather-card > .home-weather-current { grid-column: auto !important; }
}

@media (hover:hover) and (pointer:fine) {
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:hover { border-color: #7caf91 !important; background: #f3faf6 !important; box-shadow: 0 5px 14px #183d3012 !important; transform: none !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:hover::before { opacity: 1; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-link,.obraativa-work-open,.home-weather-button):hover { background: #edf6f1 !important; border-color: #7caf91 !important; }
  html body #app#app:not(.public-app) #view .obraativa-schedule-panel .obraativa-panel-link:hover { background: #105f35 !important; }
  html body #app#app:not(.public-app) #view .home-attention-item:hover { background: #f5f9fb !important; }
}

@media (max-width:1200px) {
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) { grid-template-columns: 46px minmax(0,1fr) !important; gap: 4px 10px !important; padding: var(--workspace-shortcut-padding,12px) !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon { width: 46px !important; height: 46px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon .obraativa-icon-art { width: 42px !important; height: 42px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut b { font-size: 15px !important; }
}
@media (min-width:761px) and (max-width:1180px), (orientation:landscape) and (max-width:960px) {
  html body #app#app:not(.public-app) .side > .brand { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; height: auto !important; min-height: 66px !important; max-height: none !important; padding: 8px 2px !important; margin: 0 !important; overflow: visible !important; }
  html body #app#app:not(.public-app) .side > .brand .obraativa-brand-mark { display: block !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border-radius: 9px !important; }
  html body #app#app:not(.public-app) .side > .brand .brand-text { display: block !important; width: 100% !important; text-align: center !important; }
  html body #app#app:not(.public-app) .side > .brand .brand-text span { font-size: 12px !important; line-height: 1.1 !important; }
  html body #app#app:not(.public-app) .side > .brand .brand-text small { display: none !important; }
  html body #app#app:not(.public-app) #nav button:not(.nav-more):not([hidden]) { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 6px 2px !important; gap: 4px !important; min-height: 58px !important; white-space: normal !important; }
  html body #app#app:not(.public-app) #nav button > span:last-child { min-width: 0 !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; left: 0 !important; color: inherit !important; font-size: 10px !important; line-height: 1.25 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere; }
  html body #app#app:not(.public-app) #nav button[data-obraativa-nav=home] { position: relative !important; }
}
@media (orientation:landscape) and (max-width:960px) {
  html body #app#app:not(.public-app) #view { padding: 12px !important; }
  html body #app#app:not(.public-app) #view .home-operational.obraativa-home-premium { gap: 10px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head { min-height: 76px !important; padding: 10px 12px !important; gap: 8px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-operational-head h1 { font-size: 20px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-operational-head p { font-size: 11px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip { min-width: 160px !important; padding: 8px 10px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip b { font-size: 12px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcuts { gap: 8px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) { grid-template-columns: 42px minmax(0,1fr) !important; grid-template-rows: auto auto !important; justify-items: start !important; min-height: var(--workspace-shortcut-height,92px) !important; padding: var(--workspace-shortcut-padding,10px) !important; gap: 5px 8px !important; text-align: left !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon { grid-column: 1 !important; grid-row: 1 !important; width: 42px !important; height: 42px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut b { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; font-size: 14px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut small { grid-column: 1/-1 !important; grid-row: 2 !important; font-size: 11px !important; line-height: 1.3 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric { min-height: 80px !important; padding: 10px 12px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-head,.home-insight-head) { padding: 12px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-head h2,.home-insight-head h2) { font-size: 16px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium :is(.obraativa-panel-link,.obraativa-work-open,.home-insight-link,.home-weather-button,.obraativa-shortcut-editor-button) { min-height: 44px !important; }
  html body #app#app:not(.public-app) #view > .section-head,
  html body #app#app:not(.public-app) #view :is(.payment-page-header,.permission-hub-hero) { padding: 12px !important; }
}
@media (orientation:landscape) and (max-width:700px) {
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto auto !important; min-height: var(--workspace-shortcut-height,112px) !important; padding: var(--workspace-shortcut-padding,8px) !important; justify-items: center !important; text-align: center !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut b { grid-column: 1 !important; grid-row: 2 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut small { grid-column: 1 !important; grid-row: 3 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon,
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon .obraativa-icon-art { width: 36px !important; height: 36px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head { grid-template-columns: minmax(0,1fr) auto !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-head-actions { grid-column: 2; grid-row: 1; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip { grid-column: 1/-1 !important; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip small { margin: 0 !important; }
}
@media (orientation:portrait) and (max-width:700px) {
  html body #app#app:not(.public-app) #view { padding: 12px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-operational-head { display: flex !important; padding: 16px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-head-actions { align-self: stretch !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-pay-chip { align-self: stretch !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-shortcuts-columns-1 { grid-template-columns: minmax(0,1fr) !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto auto !important; text-align: center !important; justify-items: center !important; gap: 7px !important; min-height: var(--workspace-shortcut-height,146px) !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut-icon { grid-column: 1 !important; grid-row: 1 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut :is(b,small) { grid-column: 1 !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium .obraativa-metric { grid-template-columns: 1fr !important; gap: 8px !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-weather-card { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body #app#app:not(.public-app) #view .obraativa-home-premium > .home-weather-card > .home-weather-current { grid-column: 1/-1 !important; }
}
@media (prefers-reduced-motion:reduce) {
  html body #app#app:not(.public-app) #nav button,
  html body #app#app:not(.public-app) #view .obraativa-home-premium .home-shortcut:not([hidden]) { transition: none !important; }
}

/* A mesma assistente, com aro da marca; estados de alerta/processamento preservados. */
body:has(#app:not(.public-app)) #assistantEmployeeButton[data-state=idle] {
  border-color: #80e6a4 !important;
  background: #081828 !important;
  box-shadow: 0 7px 20px #0004,0 0 0 2px #1e6340 !important;
}

/* A prévia do editor usa o mesmo acabamento, mantendo todos os controles claros. */
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-canvas { background: #eef3f6; border-color: #d6e1e7; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-canvas-head { border-color: #d6e1e7; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-canvas-head :is(b,small) { color: #142e40; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-preview-card { background: linear-gradient(130deg,#fff,#f8fbfc); border-color: #d1dfe5; color: #142e40; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-preview-card .home-shortcut-icon { background: transparent; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-preview-card :is(b,small) { white-space: normal; overflow-wrap: anywhere; }
body:has(#app:not(.public-app)) .obraativa-shortcut-editor-preview-card small { color: #4c6374; }

/* Resumo financeiro: leitura executiva sem ocultar tabelas, guias ou históricos existentes. */
body:has(#app:not(.public-app)) .finance-executive-summary { display:grid; gap:14px; margin:14px 0; padding:16px; border:1px solid #cfe1dd; border-radius:16px; background:linear-gradient(145deg,#f8fcfb,#fff); box-shadow:0 12px 30px #0c2c3c0b; }
body:has(#app:not(.public-app)) .finance-executive-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
body:has(#app:not(.public-app)) .finance-executive-head small,
body:has(#app:not(.public-app)) .finance-executive-chart-head small { color:#17845d; font-size:10px; font-weight:900; letter-spacing:.1em; }
body:has(#app:not(.public-app)) .finance-executive-head h2 { margin:3px 0 0; color:#123b50; font-size:19px; }
body:has(#app:not(.public-app)) .finance-executive-head p { max-width:390px; margin:0; color:#637b75; font-size:12px; line-height:1.45; text-align:right; }
body:has(#app:not(.public-app)) .finance-executive-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
body:has(#app:not(.public-app)) .finance-executive-metrics article { min-width:0; padding:11px; border:1px solid #dce9e6; border-radius:11px; background:#fff; }
body:has(#app:not(.public-app)) .finance-executive-metrics small { display:block; color:#678078; font-size:8.5px; font-weight:900; letter-spacing:.055em; }
body:has(#app:not(.public-app)) .finance-executive-metrics b { display:block; margin-top:5px; color:#143f51; font-size:17px; line-height:1.1; overflow-wrap:anywhere; }
body:has(#app:not(.public-app)) .finance-executive-metrics span { display:block; margin-top:5px; color:#758984; font-size:10px; line-height:1.25; }
body:has(#app:not(.public-app)) .finance-executive-metrics .positive b,
body:has(#app:not(.public-app)) .finance-executive-chart-head .positive { color:#0d8558; }
body:has(#app:not(.public-app)) .finance-executive-metrics .negative b,
body:has(#app:not(.public-app)) .finance-executive-chart-head .negative { color:#b23f47; }
body:has(#app:not(.public-app)) .finance-executive-detail { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); gap:10px; }
body:has(#app:not(.public-app)) .finance-executive-chart,
body:has(#app:not(.public-app)) .finance-executive-recent article { min-width:0; margin:0; padding:13px; border:1px solid #dce9e6; border-radius:12px; background:#fff; }
body:has(#app:not(.public-app)) .finance-executive-chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
body:has(#app:not(.public-app)) .finance-executive-chart-head h3,
body:has(#app:not(.public-app)) .finance-executive-recent h3 { margin:3px 0 0; color:#183f51; font-size:14px; }
body:has(#app:not(.public-app)) .finance-executive-chart-head strong { font-size:12px; text-align:right; }
body:has(#app:not(.public-app)) .finance-executive-bars { display:grid; gap:9px; margin-top:14px; }
body:has(#app:not(.public-app)) .finance-executive-bars>div { display:grid; grid-template-columns:54px minmax(80px,1fr) 82px; align-items:center; gap:8px; color:#58736a; font-size:10px; }
body:has(#app:not(.public-app)) .finance-executive-bars i { height:9px; overflow:hidden; border-radius:999px; background:#e8f0ee; }
body:has(#app:not(.public-app)) .finance-executive-bars i b { display:block; width:var(--finance-bar); height:100%; border-radius:inherit; background:linear-gradient(90deg,#0f8b5d,#32cb83); }
body:has(#app:not(.public-app)) .finance-executive-bars i b.out { background:linear-gradient(90deg,#da8d39,#eeae52); }
body:has(#app:not(.public-app)) .finance-executive-bars strong { color:#204859; font-size:11px; text-align:right; }
body:has(#app:not(.public-app)) .finance-executive-chart>p { margin:13px 0 0; color:#70847f; font-size:10px; line-height:1.4; }
body:has(#app:not(.public-app)) .finance-executive-recent { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body:has(#app:not(.public-app)) .finance-executive-recent ul { display:grid; gap:0; margin:8px 0 0; padding:0; list-style:none; }
body:has(#app:not(.public-app)) .finance-executive-recent li { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:7px 0; border-top:1px solid #edf2f0; }
body:has(#app:not(.public-app)) .finance-executive-recent li span { min-width:0; }
body:has(#app:not(.public-app)) .finance-executive-recent li b,
body:has(#app:not(.public-app)) .finance-executive-recent li small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body:has(#app:not(.public-app)) .finance-executive-recent li b { color:#214755; font-size:11px; }
body:has(#app:not(.public-app)) .finance-executive-recent li small { margin-top:2px; color:#71847f; font-size:9px; }
body:has(#app:not(.public-app)) .finance-executive-recent li strong { color:#1c5945; font-size:11px; white-space:nowrap; }
body:has(#app:not(.public-app)) .finance-executive-recent .finance-executive-empty { justify-content:flex-start; color:#71847f; font-size:11px; }
@media(max-width:1120px){
  body:has(#app:not(.public-app)) .finance-executive-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body:has(#app:not(.public-app)) .finance-executive-detail { grid-template-columns:1fr; }
}
@media(max-width:700px){
  body:has(#app:not(.public-app)) .finance-executive-summary { gap:10px; margin:10px 0; padding:11px; border-radius:12px; }
  body:has(#app:not(.public-app)) .finance-executive-head { display:block; }
  body:has(#app:not(.public-app)) .finance-executive-head p { margin-top:5px; text-align:left; }
  body:has(#app:not(.public-app)) .finance-executive-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  body:has(#app:not(.public-app)) .finance-executive-metrics article { padding:9px; }
  body:has(#app:not(.public-app)) .finance-executive-metrics b { font-size:15px; }
  body:has(#app:not(.public-app)) .finance-executive-recent { grid-template-columns:1fr; }
}

/* Correções estritamente visuais para o aplicativo Android em modo horizontal.
   A classe responsive-landscape-density é aplicada somente em dispositivos móveis
   ou tablets de toque; computador e demais módulos continuam inalterados. */
body.responsive-landscape-density #view[data-landscape-page="planning"] .toolbar :is(input[type="date"],select) {
  min-height:40px !important;
  height:40px !important;
  padding:7px 10px !important;
  font-size:12px !important;
}
body.responsive-landscape-density #view[data-landscape-page="planning"] > .card > .section-head > div:last-child {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:wrap !important;
}
body.responsive-landscape-density #view[data-landscape-page="planning"] #planCount {
  margin-right:2px !important;
  font-size:11px !important;
  white-space:nowrap !important;
}
body.responsive-landscape-density #view[data-landscape-page="planning"] > .card > .section-head .btn {
  min-height:40px !important;
  height:40px !important;
  padding:7px 10px !important;
  font-size:11px !important;
}
body.responsive-landscape-density #view[data-landscape-page="planning"] .wc-phase-select {
  width:100% !important;
  max-width:150px !important;
  min-height:38px !important;
  height:38px !important;
  padding:5px 26px 5px 8px !important;
  font-size:11px !important;
  line-height:1.2 !important;
}
body.responsive-landscape-density #view[data-landscape-page="planning"] table :is(th,td):last-child {
  width:174px !important;
}

body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence {
  grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(120px,1fr)) !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div {
  min-height:70px !important;
  display:flex !important;
  align-items:center !important;
  padding:8px !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div:nth-child(5n + 1):not(.phead) {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  gap:2px 8px !important;
  width:100% !important;
  min-width:0 !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div:nth-child(5n + 1):not(.phead) > br {
  display:none !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div:nth-child(5n + 1):not(.phead) > b {
  grid-column:1 !important;
  grid-row:1 !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div:nth-child(5n + 1):not(.phead) > small {
  grid-column:1 !important;
  grid-row:2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence > div:nth-child(5n + 1):not(.phead) > .btn {
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  align-self:center !important;
  min-height:40px !important;
  margin:0 !important;
  padding:7px 9px !important;
  font-size:10px !important;
  white-space:nowrap !important;
}
body.responsive-landscape-density #view[data-landscape-page="attendance"] .presence .pchoice {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:7px 6px !important;
  font-size:11px !important;
  white-space:nowrap !important;
}

html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table {
  min-width:980px !important;
  table-layout:fixed !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td).num {
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):first-child {
  width:255px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):nth-child(2) {
  width:118px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):nth-child(3) {
  width:125px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):nth-child(4) {
  width:120px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):nth-child(5) {
  width:132px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-table .table :is(th,td):nth-child(6) {
  width:210px !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-action {
  min-width:210px !important;
  white-space:nowrap !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-action .btn {
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:7px 9px !important;
  font-size:10px !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}
html body.responsive-v3-device.responsive-landscape-density #app:not(.public-app) #view[data-landscape-page="financial"] .finance-clean-action .finance-value-edit-button {
  margin-left:6px !important;
}

/* Auditoria Android horizontal: o rótulo administrativo é o único item que
   ainda chega sem o invólucro dos demais atalhos e não pode ser cortado. */
html body.responsive-v3-tablet #app#app:not(.public-app) > .side #nav button[onclick*="permissions"],
html body.responsive-v3-landscape-phone #app#app:not(.public-app) > .side #nav button[onclick*="permissions"] {
  font-size:9px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  white-space:normal !important;
}