:root {
  --bg: #f4f7fb;
  --panel: #fff;
  --ink: #101828;
  --muted: #667085;
  --line: #d9e2ec;
  --blue-soft: #eaf2ff;
  --green-soft: #e8f7ef;
  --orange-soft: #fff2e3;
  --purple-soft: #f2eaff;
  --red-soft: #fff0ee;
  --shadow: 0 16px 40px rgba(16, 24, 40, 0.08);
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background:
    linear-gradient(104deg, rgba(255, 255, 255, 0.72) 0 37%, rgba(229, 231, 235, 0.56) 37% 52%, transparent 52%),
    linear-gradient(76deg, transparent 0 64%, rgba(209, 213, 219, 0.68) 64% 79%, rgba(243, 244, 246, 0.9) 79%),
    var(--bg);
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  letter-spacing: 0;
}

body.is-ready .panel,
body.is-ready .metric-card,
body.is-ready .module-card,
body.is-ready .mini-module,
body.is-ready .record-paper,
body.is-ready .queue-record {
  animation: surface-in 420ms ease both;
}

a {
  color: inherit;
}

.shell {
  display: grid;
  grid-template-columns: 264px 1fr;
  min-height: 100vh;
  min-width: 0;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 18px 14px 74px;
  border-right: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
  overflow-y: auto;
  min-width: 0;
}

.brand,
.brand-preview {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.brand {
  margin-bottom: 18px;
  padding: 12px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  text-decoration: none;
  background: var(--panel);
}

.brand strong,
.brand-preview strong {
  display: block;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.brand > span:last-child,
.brand-preview > span:last-child,
.page-head > div,
.section-title > div {
  min-width: 0;
}

.brand small,
.brand-preview p {
  display: block;
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.brand-logo {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #fff;
  background: var(--secondary);
  font-weight: 800;
  overflow: hidden;
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.2);
}

.brand-logo.has-image {
  color: inherit;
  background: transparent;
  box-shadow: none;
}

.brand-logo.large {
  width: 72px;
  height: 72px;
  font-size: 22px;
}

.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-chip {
  display: grid;
  gap: 4px;
  margin: -4px 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--blue-soft);
}

.profile-chip strong {
  color: var(--primary);
  font-size: 13px;
}

.profile-chip span {
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.nav {
  display: grid;
  gap: 14px;
}

.nav-group {
  display: grid;
  gap: 3px;
}

.nav-group-title {
  display: block;
  padding: 0 10px 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nav a {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border-radius: 7px;
  color: #243047;
  text-decoration: none;
  font-weight: 650;
  min-width: 0;
}

.nav a::after {
  content: "";
  position: absolute;
  inset: 7px auto 7px 0;
  width: 3px;
  border-radius: 99px;
  background: transparent;
}

.nav a:hover {
  background: #f1f5f9;
  color: var(--primary);
}

.nav a.active {
  background: #eef6ff;
  color: var(--primary);
}

.nav a.active::after {
  background: #f97316;
}

.nav-icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #31553c;
  background: #e8f7ef;
  font-size: 12px;
  font-weight: 900;
}

.nav a.active .nav-icon {
  color: #fff;
  background: var(--primary);
}

.sidebar-note {
  position: static;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
  padding: 0 2px;
  color: var(--muted);
  font-size: 12px;
}

.status-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f59e0b;
}

.main {
  padding: 24px 28px 40px;
  display: grid;
  align-content: start;
  gap: 22px;
  min-width: 0;
}

.page-head {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

.eyebrow {
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  margin-top: 6px;
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 14px;
  font-size: 21px;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 8px;
  font-size: 16px;
}

p,
li {
  color: var(--muted);
  line-height: 1.55;
}

.grid {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.grid > *,
.module-strip > *,
.module-grid > *,
.process-map > *,
.quick-actions > * {
  min-width: 0;
}

.grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.panel,
.metric-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
  min-width: 0;
}

.panel {
  padding: 22px;
}

.panel,
.metric-card,
.mini-module,
.module-card,
.button {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.panel:hover,
.metric-card:hover,
.mini-module:hover,
.module-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}

.section-title {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 16px;
}

.section-title.compact {
  align-items: center;
  margin-bottom: 10px;
}

.section-title p {
  overflow-wrap: anywhere;
}

.split-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.module-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mini-module,
.module-card {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
  background: #fff;
}

.mini-module {
  min-height: 92px;
  padding: 14px;
}

.mini-module strong,
.module-card strong {
  font-size: 15px;
}

.mini-module span,
.module-card span,
.module-card small,
.module-card em {
  color: var(--muted);
  font-style: normal;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.module-card {
  min-height: 170px;
  padding: 18px;
}

.module-card strong {
  font-size: 22px;
}

.module-card em {
  align-self: end;
  font-weight: 800;
}

.mini-module.blue,
.module-card.blue {
  background: var(--blue-soft);
}

.mini-module.green,
.module-card.green {
  background: var(--green-soft);
}

.mini-module.orange,
.module-card.orange {
  background: var(--orange-soft);
}

.mini-module.purple,
.module-card.purple {
  background: var(--purple-soft);
}

.mini-module.red,
.module-card.red {
  background: var(--red-soft);
}

.panel.narrow,
.login-panel {
  max-width: 560px;
}

.login-wrap {
  min-height: calc(100vh - 56px);
  display: grid;
  place-items: center;
}

.metric-card {
  padding: 18px;
}

.metric-card strong {
  display: block;
  font-size: 26px;
}

.metric-card span,
.metric-card small {
  display: block;
  color: var(--muted);
}

.metric-card small {
  margin-top: 4px;
  font-size: 12px;
}

.blue {
  background: var(--blue-soft);
}

.green {
  background: var(--green-soft);
}

.orange {
  background: var(--orange-soft);
}

.purple {
  background: var(--purple-soft);
}

.red {
  background: var(--red-soft);
}

.form {
  display: grid;
  gap: 14px;
}

.form-group {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fafc;
}

label {
  display: grid;
  gap: 7px;
  color: #344054;
  font-weight: 650;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius);
  padding: 10px 12px;
  font: inherit;
  background: #fff;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
  outline: 3px solid rgba(37, 99, 235, 0.18);
  border-color: var(--primary);
}

input[type="checkbox"],
input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #157a49;
  flex: 0 0 16px;
  vertical-align: middle;
}

.check-line,
.check-row,
.checkbox,
.compact-check,
.toggle-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  min-height: 32px;
  line-height: 1.25;
}

textarea {
  resize: vertical;
}

.form-row {
  display: grid;
  gap: 12px;
}

.form-row.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-row.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 14px;
  color: var(--ink);
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
  background: #fff;
}

.button.primary {
  border-color: var(--primary);
  color: #fff;
  background: var(--primary);
}

.button.icon-button {
  width: 42px;
  padding: 0;
  flex: 0 0 auto;
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.update-actions form {
  margin: 0;
}

.notice {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
}

.notice code {
  display: block;
  margin-top: 6px;
  color: #111827;
  white-space: normal;
}

.notice.success {
  color: #087443;
  background: var(--green-soft);
}

.notice.error {
  color: #b42318;
  background: var(--red-soft);
}

.check-list {
  display: grid;
  gap: 10px;
}

.check-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.check-list div > * {
  min-width: 0;
}

.check-list span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.check-list strong {
  overflow-wrap: anywhere;
}

.table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  contain: inline-size;
}

table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: #fff;
}

th,
td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}

th {
  color: #334155;
  background: #f8fafc;
  font-size: 12px;
  text-transform: uppercase;
}

tr:last-child td {
  border-bottom: 0;
}

.tag {
  display: inline-flex;
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--primary);
  background: var(--blue-soft);
  font-size: 12px;
  font-weight: 800;
}

.tag.green {
  color: #087443;
  background: var(--green-soft);
}

.tag.orange {
  color: #b54708;
  background: var(--orange-soft);
}

.tag.red {
  color: #b42318;
  background: var(--red-soft);
}

.tag.purple {
  color: #6941c6;
  background: var(--purple-soft);
}

.status-pill {
  display: inline-flex;
  margin-right: 8px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.status-pill.ok {
  color: #087443;
  background: var(--green-soft);
}

.status-pill.falha {
  color: #b42318;
  background: var(--red-soft);
}

.status-pill.pendente {
  color: #b54708;
  background: var(--orange-soft);
}

.hash-grid {
  display: grid;
  gap: 10px;
}

.hash-grid div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.hash-grid span {
  color: var(--muted);
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.bars {
  height: 180px;
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 20px 4px 28px;
}

.line-chart {
  min-height: 260px;
  display: grid;
  align-items: center;
  padding: 8px 0;
}

.line-chart.compact {
  min-height: 150px;
}

.line-chart svg {
  width: 100%;
  height: 100%;
  min-height: 220px;
}

.line-chart.compact svg {
  min-height: 140px;
}

.axis {
  stroke: #d9e2ec;
  stroke-width: 2;
}

.line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 10px 10px rgba(16, 24, 40, 0.12));
  animation: line-draw 680ms ease both;
}

.line.income,
.legend-dot.income {
  stroke: #2563eb;
  background: #2563eb;
}

.line.expense,
.legend-dot.expense {
  stroke: #ef4444;
  background: #ef4444;
}

.line.result,
.legend-dot.result {
  stroke: #16a34a;
  background: #16a34a;
}

.line-chart text {
  fill: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-anchor: middle;
}

.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--muted);
  font-weight: 800;
}

.legend span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.home-topbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 420px);
  gap: 16px;
  align-items: center;
}

.home-search,
.session-card {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
}

.home-search {
  display: grid;
  gap: 4px;
  padding: 12px 16px;
}

.home-search span {
  color: var(--primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-search input {
  min-height: 34px;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.home-search input:focus {
  outline: 0;
  border-color: transparent;
}

.session-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 42px;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.session-card small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

.operator-avatar {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--primary);
  background: var(--blue-soft);
  font-weight: 900;
}

.home-hero {
  min-height: 126px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.10), transparent 46%),
    linear-gradient(160deg, rgba(22, 138, 91, 0.12), transparent 58%),
    var(--panel);
  box-shadow: var(--shadow);
}

.home-hero h1 {
  font-size: clamp(34px, 5vw, 56px);
}

.home-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.8fr);
  gap: 16px;
}

.home-aside-stack {
  display: grid;
  gap: 16px;
}

.finance-cockpit {
  min-height: 386px;
}

.home-chart {
  min-height: 240px;
}

.status-panel {
  display: grid;
  gap: 10px;
  align-content: start;
}

.operation-list {
  display: grid;
  gap: 10px;
}

.operation-item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 64px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
  background: #fff;
}

.operation-item:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}

.operation-item strong,
.operation-item small {
  display: block;
  overflow-wrap: anywhere;
}

.operation-item small {
  margin-top: 2px;
  color: var(--muted);
}

.operation-item em {
  font-style: normal;
  white-space: nowrap;
}

.home-feature-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 16px;
}

.compact-checks {
  margin-top: 12px;
}

.compact-checks div {
  padding: 10px;
}

.message-mini {
  display: grid;
  gap: 6px;
  margin: 12px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--blue-soft);
}

.message-mini p {
  margin: 0;
}

.message-mini span {
  color: var(--muted);
  font-size: 12px;
}

.compact-timeline {
  max-height: 302px;
  overflow: auto;
  padding-right: 4px;
}

.mobile-scope {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.device-rule {
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.device-rule.allowed {
  background: var(--green-soft);
}

.device-rule.blocked {
  background: var(--orange-soft);
}

.device-rule span {
  color: var(--muted);
}

.empty-inline {
  padding: 12px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  background: #fff;
}

.timeline {
  display: grid;
  gap: 10px;
}

.timeline.wide {
  gap: 12px;
}

.timeline-item {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 12px 12px 12px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 99px;
  background: var(--primary);
}

.timeline-item span,
.timeline-item em {
  color: var(--muted);
  font-style: normal;
  font-size: 13px;
}

.agenda-board {
  display: grid;
  gap: 10px;
}

.agenda-board.compact {
  gap: 8px;
}

.agenda-card {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--blue-soft);
}

.agenda-card.financeiro {
  background: var(--green-soft);
}

.agenda-card.tecnico {
  background: var(--orange-soft);
}

.agenda-card small,
.agenda-card span {
  color: var(--muted);
}

.messenger-shell {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 16px;
}

.thread-list,
.chat-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
}

.thread-list {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
}

.thread-list a {
  display: grid;
  gap: 3px;
  padding: 12px;
  border-radius: var(--radius);
  text-decoration: none;
  background: #f8fafc;
}

.thread-list span {
  color: var(--muted);
  font-size: 12px;
}

.chat-panel {
  display: grid;
  gap: 18px;
  padding: 18px;
}

.message-stream {
  display: grid;
  gap: 10px;
  max-height: 380px;
  overflow: auto;
  padding-right: 6px;
}

.message-bubble {
  width: min(680px, 92%);
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--blue-soft);
}

.message-bubble:nth-child(even) {
  justify-self: end;
  background: var(--green-soft);
}

.message-bubble span {
  color: var(--muted);
  font-size: 11px;
}

.composer {
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.bar {
  flex: 1;
  min-width: 24px;
  position: relative;
  border-radius: 6px 6px 0 0;
  background: var(--primary);
}

.bar span {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.clean-list {
  margin: 0;
  padding-left: 18px;
}

.process-map {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.process-map a {
  min-height: 104px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
  background: linear-gradient(180deg, #fff, var(--blue-soft));
}

.process-map a:nth-child(2n) {
  background: linear-gradient(180deg, #fff, var(--green-soft));
}

.process-map a:nth-child(3n) {
  background: linear-gradient(180deg, #fff, var(--orange-soft));
}

.process-map span,
.price-card span,
.price-card em,
.workflow-list span {
  color: var(--muted);
  font-style: normal;
}

.price-grid,
.quick-actions,
.workflow-list {
  display: grid;
  gap: 10px;
}

.price-card,
.workflow-list div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.workflow-list div {
  grid-template-columns: 38px 1fr;
  align-items: center;
}

.workflow-list strong {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--primary);
}

.quick-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-actions.single {
  grid-template-columns: 1fr;
}

.profile-hero {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: center;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--blue-soft), #fff);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
}

.profile-hero div {
  display: grid;
  gap: 6px;
}

.profile-hero span {
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.profile-hero strong {
  font-size: 24px;
}

.action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.action-card {
  min-height: 110px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
  background: #fff;
}

.action-card.blue {
  background: var(--blue-soft);
}

.action-card.green {
  background: var(--green-soft);
}

.action-card.orange {
  background: var(--orange-soft);
}

.action-card.purple {
  background: var(--purple-soft);
}

.action-card span {
  color: var(--muted);
}

.document-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.document-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.document-card strong,
.document-card span,
.document-card code,
.document-link {
  overflow-wrap: anywhere;
}

.document-card span,
.document-meta span {
  color: var(--muted);
}

.document-meta {
  display: grid;
  gap: 4px;
}

.document-meta code {
  color: #475467;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

.document-link {
  display: inline-flex;
  margin: 2px 6px 2px 0;
  color: var(--primary);
  font-weight: 800;
  text-decoration: none;
}

.document-link.block {
  display: flex;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.document-link.block:last-child {
  border-bottom: 0;
}

.voucher-head {
  align-items: end;
}

.voucher-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.voucher-workbench {
  display: grid;
  grid-template-columns: minmax(260px, 310px) minmax(0, 1fr) minmax(270px, 330px);
  gap: 16px;
  align-items: start;
}

.voucher-queue,
.voucher-side {
  position: sticky;
  top: 18px;
}

.voucher-queue {
  max-height: calc(100vh - 36px);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}

.voucher-search {
  margin-bottom: 12px;
}

.voucher-queue-list {
  display: grid;
  gap: 9px;
  overflow: auto;
  padding-right: 4px;
}

.voucher-row {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
  background: #fff;
}

.voucher-row:hover,
.voucher-row.active {
  border-color: var(--primary);
  background: var(--blue-soft);
}

.voucher-row strong,
.voucher-row span,
.voucher-row small {
  overflow-wrap: anywhere;
}

.voucher-row-code {
  color: var(--primary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.voucher-row small {
  color: var(--muted);
}

.voucher-desk,
.voucher-side {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.voucher-titlebar {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 16px;
}

.voucher-titlebar h2 {
  margin-bottom: 4px;
  font-size: 30px;
}

.voucher-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
}

.voucher-facts div {
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fafc;
}

.voucher-facts span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.voucher-facts strong {
  overflow-wrap: anywhere;
}

.voucher-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.voucher-flow div {
  display: grid;
  gap: 7px;
  min-height: 84px;
  align-content: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.voucher-flow div.done {
  border-color: rgba(22, 163, 74, 0.28);
  background: var(--green-soft);
}

.voucher-flow span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--primary);
  font-weight: 900;
}

.voucher-flow div.done span {
  background: #16a34a;
}

.voucher-form {
  gap: 12px;
}

.section-title.compact {
  margin-bottom: 12px;
}

.section-title.compact h2 {
  margin-bottom: 4px;
}

.document-mini-list {
  display: grid;
}

.erp-head {
  align-items: end;
}

.erp-command-bar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.04);
}

.erp-search {
  gap: 5px;
}

.erp-search span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-command-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
}

.erp-command-summary span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #475467;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 750;
}

.record-paper,
.certificate-queue,
.identity-panel,
.action-rail,
.request-type-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.05);
  min-width: 0;
}

.record-paper {
  padding: 18px;
}

.certificate-workspace {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 270px;
  gap: 14px;
  align-items: start;
}

.certificate-queue,
.certificate-context {
  position: sticky;
  top: 16px;
}

.certificate-queue {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 32px);
  padding: 12px;
  overflow: hidden;
}

.queue-title {
  display: grid;
  gap: 3px;
  padding: 4px 4px 10px;
}

.queue-title strong {
  font-size: 18px;
}

.certificate-queue-list {
  display: grid;
  gap: 7px;
  overflow: auto;
  padding-right: 3px;
}

.queue-record {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  position: relative;
  min-height: 76px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--ink);
  text-decoration: none;
  background: #f8fafc;
}

.queue-record:hover,
.queue-record.active {
  border-color: rgba(37, 99, 235, 0.38);
  background: #eef6ff;
}

.queue-record.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 99px;
  background: #f97316;
}

.queue-record-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #168a5b, #2563eb);
  font-weight: 900;
  text-transform: uppercase;
}

.queue-record-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.queue-record-main strong,
.queue-record-main em,
.queue-record-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.queue-record-main em,
.queue-record-main small {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
}

.queue-record .tag {
  grid-column: 2;
  justify-self: start;
  padding: 3px 7px;
}

.certificate-main,
.certificate-context,
.certificate-subgrid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.record-header {
  display: grid;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.record-header h2 {
  margin: 4px 0;
  font-size: 30px;
}

.record-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.record-status small {
  color: var(--muted);
  font-weight: 750;
}

.certificate-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 14px 0 4px;
}

.certificate-progress div {
  display: grid;
  gap: 5px;
  align-content: center;
  min-height: 58px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f8fafc;
}

.certificate-progress div.done {
  border-color: rgba(22, 163, 74, 0.32);
  background: var(--green-soft);
}

.certificate-progress span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}

.certificate-progress div.done span {
  background: #168a5b;
}

.certificate-progress strong {
  font-size: 12px;
}

.record-section {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 0;
  border-top: 1px dotted #94a3b8;
  border-bottom: 1px dotted #cbd5e1;
}

.record-section.first {
  margin-top: 0;
}

.record-section h3 {
  margin: 0;
  font-size: 16px;
}

.record-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 8px 18px;
  margin: 0;
}

.record-grid.two {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

.record-grid div {
  display: grid;
  grid-template-columns: 154px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.record-grid dt {
  color: #475467;
  font-weight: 800;
  text-align: right;
}

.record-grid dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.record-links {
  display: grid;
  gap: 6px;
  justify-items: start;
  padding-left: 164px;
}

.record-links a {
  color: #31553c;
  font-weight: 800;
  text-decoration: none;
}

.status-button {
  justify-self: start;
  margin-left: 164px;
  border-color: #22c55e;
  color: #fff;
  background: #22a861;
}

.identity-panel {
  overflow: hidden;
}

.identity-panel h2 {
  margin: 0;
  padding: 12px 14px;
  color: #fff;
  background: linear-gradient(135deg, #0f5132, #166534);
  font-size: 16px;
}

.identity-panel dl {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 14px;
}

.identity-panel div {
  display: grid;
  gap: 3px;
}

.identity-panel dt {
  color: #475467;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.identity-panel dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.action-rail {
  display: grid;
  gap: 9px;
  padding: 10px;
}

.certificate-action-form {
  display: grid;
  margin: 0;
}

.certificate-action {
  width: 100%;
  justify-content: start;
  border-color: #cbd5e1;
  background: linear-gradient(180deg, #fff, #f8fafc);
}

.certificate-action.approve {
  justify-content: center;
  border-color: #16a34a;
  color: #fff;
  background: linear-gradient(180deg, #22c55e, #16a34a);
}

.certificate-action.danger {
  justify-content: center;
  border-color: #fecaca;
  color: #b42318;
  background: linear-gradient(180deg, #fff, #fff0ee);
}

.certificate-subgrid {
  grid-template-columns: 1.2fr 0.9fr;
}

.certificate-subgrid > .record-paper:first-child {
  grid-row: span 2;
}

.timeline.ledger .timeline-item {
  border-radius: 6px;
  background: #f8fafc;
}

.request-type-panel {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
}

.certificate-request-shell {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.request-type-list {
  display: grid;
  gap: 8px;
}

.request-type-card {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f8fafc;
  cursor: pointer;
}

.request-type-card:has(input:checked) {
  border-color: rgba(22, 138, 91, 0.45);
  background: var(--green-soft);
}

.request-type-card strong,
.request-type-card em {
  display: block;
}

.request-type-card em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.request-form-paper {
  padding-top: 4px;
}

.request-dynamic-panel {
  display: none;
}

.request-dynamic-panel.active {
  display: grid;
}

.form-row.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-row.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

label.required::after {
  content: "Obrigatorio neste fluxo";
  color: #168a5b;
  font-size: 11px;
  font-weight: 800;
}

.inline-check {
  display: flex;
  grid-template-columns: none;
  gap: 10px;
  align-items: center;
}

.inline-check input {
  width: 18px;
  min-height: 18px;
  flex: 0 0 auto;
}

.hash-text {
  display: block;
  max-width: 280px;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.35;
}

.compact-actions {
  gap: 6px;
  flex-wrap: wrap;
}

.inline-details {
  margin-top: 8px;
}

.inline-details summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--danger);
}

.compact-form {
  margin-top: 8px;
  gap: 8px;
}

[hidden] {
  display: none !important;
}

/* Camada de compatibilidade: impede que telas novas caiam no HTML nativo caso
   a folha One UI X seja cacheada ou carregada parcialmente no servidor. */
.one-ui-x .ux-tab-surface {
  overflow: hidden;
  border: 1px solid var(--ux-line, var(--line));
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--ux-shadow, var(--shadow));
}

.one-ui-x .ux-tab-surface > .ux-panel-header {
  border-bottom: 1px solid var(--ux-line, var(--line));
  background: rgba(248, 250, 252, .76);
}

.one-ui-x .ux-tab-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 12px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--ux-line, var(--line));
  border-radius: 0;
  background: #f8fafc;
}

.one-ui-x .ux-tab-bar button {
  appearance: none;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 8px 12px;
  color: #475569;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.one-ui-x .ux-tab-bar button:hover:not(.active) {
  border-color: var(--ux-line, var(--line));
  background: #fff;
}

.one-ui-x .ux-tab-bar button.active {
  color: #fff;
  border-color: var(--ux-gabo, var(--secondary));
  background: var(--ux-gabo, var(--secondary));
  box-shadow: none;
}

.one-ui-x .ux-tab-panel {
  display: none !important;
  padding: 16px;
}

.one-ui-x .ux-tab-panel.active {
  display: block !important;
  animation: surface-in 180ms ease-out;
}

.one-ui-x .ux-section-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.one-ui-x .ux-section-button {
  min-height: 68px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid var(--ux-line, var(--line));
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 20px rgba(18, 31, 45, .055);
}

.one-ui-x .ux-section-button svg {
  width: 20px;
  height: 20px;
  justify-self: center;
  color: var(--ux-gabo, var(--secondary));
}

.one-ui-x .ux-section-button strong,
.one-ui-x .ux-section-button small {
  display: block;
}

.one-ui-x .ux-section-button strong {
  font-size: 13px;
  font-weight: 900;
}

.one-ui-x .ux-section-button small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.one-ui-x .ux-section-button.active {
  color: #fff;
  border-color: var(--ux-gabo, var(--secondary));
  background: var(--ux-gabo, var(--secondary));
}

.one-ui-x .ux-section-button.active svg,
.one-ui-x .ux-section-button.active small {
  color: rgba(255, 255, 255, .82);
}

.one-ui-x .ux-operation-page {
  margin-bottom: 16px;
}

.one-ui-x .ux-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.one-ui-x .ux-config-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.one-ui-x .ux-config-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 3px 12px;
  align-items: center;
  padding: 16px;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid var(--ux-line, var(--line));
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 20px rgba(18, 31, 45, .055);
}

.one-ui-x .ux-config-card:hover {
  border-color: #bdd8c8;
  background: #fff;
  transform: translateY(-1px);
}

.one-ui-x .ux-config-card > .ui-icon {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  padding: 10px;
  align-self: center;
  justify-self: center;
  color: var(--ux-green, var(--secondary));
  border-radius: 8px;
  background: rgba(22, 132, 91, .10);
}

.one-ui-x .ux-config-card strong,
.one-ui-x .ux-config-card span {
  display: block;
  min-width: 0;
}

.one-ui-x .ux-config-card strong {
  align-self: end;
  font-size: 13px;
  line-height: 1.2;
}

.one-ui-x .ux-config-card span {
  align-self: start;
  margin-top: 3px;
  color: var(--ux-muted, var(--muted));
  font-size: 11px;
  line-height: 1.4;
}

.one-ui-x .button,
.one-ui-x button.button,
.one-ui-x a.button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--ux-line, var(--line));
  border-radius: 8px;
  padding: 9px 14px;
  color: #182235;
  text-decoration: none;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  background: #fff;
  cursor: pointer;
}

.one-ui-x .button.primary,
.one-ui-x button.button.primary,
.one-ui-x a.button.primary {
  color: #fff;
  border-color: var(--ux-gabo, var(--secondary));
  background: var(--ux-gabo, var(--secondary));
}

.one-ui-x .button:disabled,
.one-ui-x button.button:disabled {
  cursor: not-allowed;
  opacity: .52;
}

.one-ui-x .form-row {
  display: grid;
  gap: 12px;
}

.one-ui-x .form-row.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.one-ui-x .form-row.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.one-ui-x .form-row.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.one-ui-x input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
.one-ui-x select,
.one-ui-x textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px 12px;
  color: #17202a;
  font: inherit;
  font-weight: 650;
  background: #fff;
}

.one-ui-x input[type="file"] {
  min-height: 42px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
}

.one-ui-x .ux-compact-crm-form {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.one-ui-x .ux-compact-crm-form .button.primary {
  width: 100%;
}

.one-ui-x .update-actions,
.one-ui-x .split-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.one-ui-x .update-actions form,
.one-ui-x .split-actions form {
  margin: 0;
}

.one-ui-x .update-staged-package {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #c5e5d3;
  border-radius: 8px;
  background: var(--ux-green-soft, var(--green-soft));
}

.one-ui-x .update-staged-package strong,
.one-ui-x .update-staged-package span {
  display: block;
}

.one-ui-x .update-staged-package span {
  margin-top: 4px;
  color: #4f665a;
  font-size: 11px;
}

/* Camada critica para navegacao por paginas e telas legadas dentro do shell novo. */
.one-ui-x .ux-section-nav,
.ux-aurora .ux-section-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.one-ui-x .ux-section-nav > a,
.one-ui-x a.ux-section-button,
.ux-aurora .ux-section-nav > a,
.ux-aurora a.ux-section-button {
  min-height: 68px;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  justify-content: stretch;
  padding: 12px;
  color: #1f2937;
  text-align: left;
  text-decoration: none !important;
  border: 1px solid rgba(215, 225, 234, .95);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 251, 252, .88));
  box-shadow: 0 8px 20px rgba(18, 31, 45, .055);
}

.one-ui-x .ux-section-nav > a.active,
.one-ui-x a.ux-section-button.active,
.ux-aurora .ux-section-nav > a.active,
.ux-aurora a.ux-section-button.active {
  color: #fff;
  border-color: #1e754f;
  background: linear-gradient(135deg, #237d55, #145f43);
  box-shadow: 0 14px 28px rgba(30, 117, 79, .22);
}

.one-ui-x .ux-section-nav > a .ui-icon,
.one-ui-x a.ux-section-button .ui-icon {
  width: 20px;
  height: 20px;
  justify-self: center;
  color: #237d55;
}

.one-ui-x .ux-section-nav > a.active .ui-icon,
.one-ui-x a.ux-section-button.active .ui-icon,
.one-ui-x .ux-section-nav > a.active small,
.one-ui-x a.ux-section-button.active small {
  color: rgba(255, 255, 255, .82);
}

.one-ui-x .ux-section-nav > a strong,
.one-ui-x .ux-section-nav > a small,
.one-ui-x a.ux-section-button strong,
.one-ui-x a.ux-section-button small {
  display: block;
  min-width: 0;
}

.one-ui-x .ux-section-nav > a small,
.one-ui-x a.ux-section-button small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.one-ui-x .ux-panel,
.one-ui-x .ux-operation-page {
  overflow: hidden;
}

.one-ui-x .ux-config-card > .ui-icon,
.ux-aurora .ux-config-card > .ui-icon,
.one-ui-x .ux-metric-icon,
.ux-aurora .ux-metric-icon {
  display: grid;
  place-items: center;
}

@media (max-width: 1060px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .sidebar-note {
    position: static;
    margin-top: 18px;
  }

  .nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid.two,
  .grid.four,
  .module-grid,
  .module-strip,
  .messenger-shell,
    .process-map,
    .action-grid,
    .document-grid,
    .voucher-metrics,
    .voucher-workbench,
    .certificate-workspace,
    .certificate-subgrid,
    .certificate-request-shell,
    .erp-command-bar,
    .voucher-facts,
    .voucher-flow,
    .certificate-progress,
    .record-grid,
    .form-row.three,
    .form-row.four,
    .home-topbar,
    .home-main-grid,
    .home-feature-grid {
    grid-template-columns: 1fr;
  }

  .voucher-queue,
  .voucher-side,
  .certificate-queue,
  .certificate-context {
    position: static;
  }

  .voucher-queue,
  .certificate-queue {
    max-height: none;
  }

  .erp-command-summary {
    justify-content: start;
  }

  .record-grid div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .record-grid dt {
    text-align: left;
  }

  .record-links,
  .status-button {
    margin-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 680px) {
  .main {
    padding: 16px;
  }

  .page-head {
    display: grid;
  }

  .section-title {
    display: grid;
  }

  .check-list div {
    display: grid;
  }

  .split-actions,
  .quick-actions,
  .form-row.two {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .profile-hero {
    display: grid;
  }

  .nav {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: 28px;
  }
}

@keyframes surface-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes line-draw {
  from {
    opacity: 0;
    stroke-dasharray: 2 18;
  }

  to {
    opacity: 1;
    stroke-dasharray: 1 0;
  }
}


.email-shell .ticket-thread{max-height:720px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.ticket-message{border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:14px;background:rgba(255,255,255,.78)}
.ticket-message.from-agent{margin-left:32px;border-color:rgba(37,99,235,.18)}
.ticket-message.from-client{margin-right:32px;border-color:rgba(22,138,91,.18)}
.ticket-message strong{display:block;margin-bottom:4px}
.ticket-message small{display:block;color:var(--muted);margin-bottom:8px}
.button.small{min-height:32px;padding:6px 10px;font-size:.86rem}


.mail-outlook{display:grid;grid-template-columns:260px minmax(320px,420px) minmax(420px,1fr);gap:0;min-height:760px;border:1px solid rgba(15,23,42,.10);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.72);box-shadow:0 18px 60px rgba(15,23,42,.08)}
.mail-rail{background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(241,245,249,.86));border-right:1px solid rgba(15,23,42,.08);padding:18px;display:flex;flex-direction:column;gap:14px}
.mail-compose-button{display:flex;align-items:center;gap:8px;justify-content:center;text-decoration:none;border-radius:18px;padding:12px 14px;background:var(--primary);color:white;font-weight:800;box-shadow:0 10px 30px rgba(37,99,235,.24)}
.mail-account-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:4px}
.mail-account-card span,.mail-settings-link{color:var(--muted);font-size:.9rem}
.mail-folders{display:flex;flex-direction:column;gap:6px}
.mail-folders a,.mail-settings-link{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:var(--text);padding:10px 12px;border-radius:14px}
.mail-folders a.active,.mail-folders a:hover,.mail-settings-link:hover{background:rgba(37,99,235,.10);color:var(--primary)}
.mail-folders b{font-size:.8rem;background:rgba(15,23,42,.08);border-radius:999px;padding:2px 8px}
.mail-list{border-right:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.58);display:flex;flex-direction:column;min-width:0}
.mail-search{padding:14px;border-bottom:1px solid rgba(15,23,42,.08)}
.mail-search input{width:100%;border-radius:999px;border:1px solid rgba(15,23,42,.12);padding:11px 14px;background:white}
.mail-list-items{overflow:auto}
.mail-list-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border-bottom:1px solid rgba(15,23,42,.07);cursor:pointer}
.mail-list-item.active,.mail-list-item:hover{background:white}
.mail-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900}
.mail-list-item header{display:flex;justify-content:space-between;gap:10px;align-items:center}
.mail-list-item h3{margin:4px 0;font-size:1rem}
.mail-list-item p{margin:0 0 8px;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mail-list-item time{font-size:.78rem;color:var(--muted)}
.mail-reading{display:flex;flex-direction:column;min-width:0;background:white}
.mail-reading-header{padding:22px;border-bottom:1px solid rgba(15,23,42,.08)}
.mail-reading-header h2{margin:10px 0 4px}
.mail-reading-header p{margin:0;color:var(--muted)}
.mail-body{padding:22px;min-height:180px;line-height:1.6}
.mail-compose-panel{margin:0 22px 22px;border-radius:24px;border:1px solid rgba(15,23,42,.08);padding:18px;background:rgba(248,250,252,.76)}
.mail-empty{padding:28px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.mail-empty strong{color:var(--text)}
@media (max-width:1100px){.mail-outlook{grid-template-columns:1fr}.mail-rail,.mail-list{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}}


/* v41 Email inbox polish */
.mail-app-v41{display:flex;flex-direction:column;gap:18px;margin-top:-10px}
.mail-topbar-v41{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 18px 50px rgba(15,23,42,.07)}
.mail-title-v41 h1{margin:4px 0 2px;font-size:clamp(1.5rem,2.2vw,2.15rem);letter-spacing:-.04em}
.mail-title-v41 p{margin:0;color:var(--muted)}
.mail-actions-v41{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.mail-inline-form{margin:0;display:flex}
.mail-workspace-v41{display:grid;grid-template-columns:250px minmax(330px,430px) minmax(460px,1fr);height:calc(100vh - 255px);min-height:660px;border:1px solid rgba(15,23,42,.10);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.09)}
.mail-sidebar-v41{background:linear-gradient(180deg,#f8fafc 0%,#eef6f2 100%);border-right:1px solid rgba(15,23,42,.08);padding:18px;display:flex;flex-direction:column;gap:18px}
.mail-account-v41{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:14px;min-width:0}
.mail-account-v41 strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-account-v41 small{display:block;color:var(--muted)}
.mail-account-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900}
.mail-folders-v41{display:flex;flex-direction:column;gap:7px}
.mail-folders-v41 a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text);padding:11px 12px;border-radius:16px;font-weight:700}
.mail-folders-v41 a span{display:flex;align-items:center;gap:10px}
.mail-folders-v41 a:hover,.mail-folders-v41 a.active{background:#fff;color:var(--primary);box-shadow:0 10px 26px rgba(15,23,42,.06)}
.mail-folders-v41 b{min-width:26px;text-align:center;border-radius:999px;background:rgba(15,23,42,.08);font-size:.78rem;padding:2px 8px}
.mail-list-v41{display:flex;flex-direction:column;min-width:0;background:#f8fafc;border-right:1px solid rgba(15,23,42,.08)}
.mail-search-v41{padding:16px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.70)}
.mail-search-v41 input{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:18px;background:#fff;padding:13px 15px;font-weight:650;outline:none}
.mail-scroll-v41{overflow:auto}
.mail-item-v41{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:16px;border-bottom:1px solid rgba(15,23,42,.07);cursor:pointer;background:transparent;transition:.16s ease}
.mail-item-v41:hover,.mail-item-v41.active{background:#fff}
.mail-item-v41.active{box-shadow:inset 4px 0 0 var(--primary)}
.mail-avatar-v41{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#4f7f56;color:white;font-weight:900}
.mail-item-content-v41{min-width:0}
.mail-item-content-v41 header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mail-item-content-v41 strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.mail-item-content-v41 time{font-size:.75rem;color:var(--muted);white-space:nowrap}
.mail-item-content-v41 h2{font-size:1rem;line-height:1.25;margin:7px 0 6px}
.mail-item-content-v41 p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mail-reader-v41{display:flex;flex-direction:column;background:#fff;min-width:0}
.mail-reader-head-v41{padding:26px 28px 18px;border-bottom:1px solid rgba(15,23,42,.08)}
.mail-reader-head-v41 h2{font-size:1.45rem;line-height:1.18;margin:12px 0 8px;letter-spacing:-.03em}
.mail-reader-head-v41 p{margin:0;color:var(--muted)}
.mail-reader-body-v41{padding:28px;line-height:1.7;font-size:1rem;overflow:auto;color:#0f172a}
.mail-empty-v41{padding:26px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.mail-empty-v41 strong{color:var(--text)}
.mail-modal-v41{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.mail-modal-v41:target{display:flex}
.mail-modal-backdrop-v41{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(8px)}
.mail-compose-v41{position:relative;width:min(780px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;border:1px solid rgba(15,23,42,.10);box-shadow:0 30px 100px rgba(15,23,42,.28);padding:24px}
.mail-compose-v41 header,.mail-compose-v41 footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mail-compose-v41 header{margin-bottom:18px}
.mail-compose-v41 footer{margin-top:14px}
@media (max-width:1180px){.mail-workspace-v41{grid-template-columns:220px minmax(300px,380px) 1fr}.mail-reader-head-v41 h2{font-size:1.25rem}}
@media (max-width:980px){.mail-topbar-v41{align-items:flex-start;flex-direction:column}.mail-actions-v41{justify-content:flex-start}.mail-workspace-v41{height:auto;grid-template-columns:1fr}.mail-sidebar-v41,.mail-list-v41{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}.mail-scroll-v41{max-height:420px}}


.mail-item-v41{appearance:none;border:0;text-align:left;width:100%;font:inherit;color:inherit;text-decoration:none}
.mail-item-content-v41 h2{font-size:.92rem;line-height:1.22;font-weight:800}
.mail-item-content-v41 strong{font-size:.84rem}
.mail-item-content-v41 p{font-size:.84rem;line-height:1.34}
.mail-reader-head-v41 h2{font-size:1.25rem}


/* v43 Email slim folder polish */
.mail-app-v41{gap:14px}
.mail-topbar-v41{
  border-radius:18px;
  padding:16px 20px;
  min-height:92px;
}
.mail-title-v41 h1{
  font-size:clamp(1.32rem,1.8vw,1.75rem);
  line-height:1.05;
  letter-spacing:-.035em;
  margin:4px 0 3px;
}
.mail-title-v41 p{
  font-size:.88rem;
}
.mail-actions-v41 .button{
  border-radius:12px;
  min-height:38px;
  padding:9px 14px;
}
.mail-workspace-v41{
  border-radius:18px;
  min-height:650px;
  height:calc(100vh - 242px);
}
.mail-sidebar-v41{
  padding:16px;
  gap:14px;
}
.mail-account-v41{
  border-radius:14px;
  padding:12px;
}
.mail-account-avatar{
  width:38px;
  height:38px;
  border-radius:12px;
}
.mail-account-v41 strong{
  font-size:.88rem;
}
.mail-account-v41 small{
  font-size:.78rem;
}
.mail-folders-v41{
  gap:4px;
}
.mail-folders-v41 a{
  border-radius:12px;
  padding:9px 10px;
  font-size:.88rem;
  font-weight:760;
}
.mail-folders-v41 a span{
  gap:9px;
}
.mail-folders-v41 svg,
.mail-folders-v41 .icon,
.mail-folders-v41 .material-symbols-rounded{
  width:18px;
  height:18px;
  font-size:18px;
}
.mail-folders-v41 b{
  min-width:24px;
  padding:1px 7px;
  font-size:.72rem;
}
.mail-search-v41{
  padding:13px 14px;
}
.mail-search-v41 input{
  border-radius:12px;
  padding:10px 13px;
  font-size:.88rem;
}
.mail-item-v41{
  grid-template-columns:40px 1fr;
  gap:11px;
  padding:12px 14px;
}
.mail-item-v41.active{
  box-shadow:inset 3px 0 0 var(--primary);
}
.mail-avatar-v41{
  width:40px;
  height:40px;
  font-size:.86rem;
}
.mail-item-content-v41 strong{
  font-size:.78rem;
  max-width:235px;
}
.mail-item-content-v41 time{
  font-size:.68rem;
}
.mail-item-content-v41 h2{
  font-size:.84rem !important;
  line-height:1.22;
  margin:5px 0 5px;
  letter-spacing:-.01em;
}
.mail-item-content-v41 p{
  font-size:.79rem !important;
  line-height:1.32;
  -webkit-line-clamp:2;
}
.mail-reader-head-v41{
  padding:22px 24px 16px;
}
.mail-reader-head-v41 h2{
  font-size:1.12rem !important;
  line-height:1.2;
  margin:10px 0 6px;
}
.mail-reader-head-v41 p{
  font-size:.84rem;
}
.mail-reader-body-v41{
  padding:24px;
  font-size:.94rem;
  line-height:1.62;
}
.mail-modal-v41 .button,
.mail-compose-v41,
.mail-compose-v41 input,
.mail-compose-v41 textarea,
.mail-compose-v41 select{
  border-radius:14px;
}
.mail-compose-v41{
  border-radius:18px;
}
.mail-app-v43-marker{display:none}


/* v44 Email central list lighter typography */
.mail-item-content-v41 strong{
  font-weight:640 !important;
  color:#253247;
}
.mail-item-content-v41 h2{
  font-size:.83rem !important;
  line-height:1.24 !important;
  font-weight:620 !important;
  letter-spacing:-.005em;
  color:#111827;
}
.mail-item-content-v41 p{
  font-weight:440 !important;
  color:#667085;
}
.mail-item-content-v41 time{
  font-weight:520 !important;
  color:#667085;
}
.mail-item-v41.active .mail-item-content-v41 h2,
.mail-item-v41:hover .mail-item-content-v41 h2{
  font-weight:680 !important;
}
.mail-item-v41.active .mail-item-content-v41 strong,
.mail-item-v41:hover .mail-item-content-v41 strong{
  font-weight:680 !important;
}
.mail-avatar-v41{
  font-weight:760 !important;
}
.mail-folders-v41 a{
  font-weight:650 !important;
}
.mail-reader-head-v41 h2{
  font-weight:690 !important;
}
.mail-app-v44-marker{display:none}


/* v45 WhatsApp Suite */
.wa-app{display:flex;flex-direction:column;gap:16px}
.wa-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(15,23,42,.07)}
.wa-topbar h1{font-size:clamp(1.35rem,1.9vw,1.8rem);margin:4px 0 3px;letter-spacing:-.035em}
.wa-topbar p{margin:0;color:var(--muted);font-size:.9rem}
.wa-shell{display:grid;grid-template-columns:320px minmax(420px,1fr) 300px;min-height:650px;border:1px solid rgba(15,23,42,.1);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.09)}
.wa-list{background:#f8fafc;border-right:1px solid rgba(15,23,42,.08);padding:16px;display:flex;flex-direction:column;gap:10px}
.wa-account{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.wa-account span:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#128c7e;color:white}
.wa-account strong,.wa-conversation strong{display:block;font-size:.88rem}
.wa-account small,.wa-conversation small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.wa-conversation{appearance:none;border:0;width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;padding:10px;border-radius:14px;background:transparent;color:inherit;cursor:pointer}
.wa-conversation:hover,.wa-conversation.active{background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.wa-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#4f7f56;color:white;font-weight:760}
.wa-thread{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,#f6faf7 100%);min-width:0}
.wa-thread header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(15,23,42,.08)}
.wa-thread h2{font-size:1.1rem;margin:0 0 4px}
.wa-thread p{margin:0;color:var(--muted);font-size:.86rem}
.wa-bubbles{padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.wa-bubble{max-width:72%;border-radius:16px;padding:12px 14px;line-height:1.45;font-size:.92rem}
.wa-bubble.out{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:5px}
.wa-bubble.in{align-self:flex-start;background:#fff;border:1px solid rgba(15,23,42,.08);border-bottom-left-radius:5px}
.wa-bubble a{display:block;margin-top:8px;font-weight:700;color:#128c7e}
.wa-empty{color:var(--muted);text-align:center;margin:auto;padding:40px}
.wa-side{border-left:1px solid rgba(15,23,42,.08);background:#fff;padding:18px}
.wa-side h2{font-size:1rem;margin:0 0 6px}
.wa-side p{color:var(--muted);font-size:.86rem}
@media (max-width:1180px){.wa-shell{grid-template-columns:280px 1fr}.wa-side{grid-column:1/-1;border-left:0;border-top:1px solid rgba(15,23,42,.08)}}
@media (max-width:900px){.wa-topbar{flex-direction:column;align-items:flex-start}.wa-shell{grid-template-columns:1fr}.wa-list{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}}


/* v46 WhatsApp QR Bridge */
.wa-qr-card{display:grid;grid-template-columns:minmax(280px,1fr) auto 220px;gap:18px;align-items:center;padding:16px 20px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(15,23,42,.06)}
.wa-qr-card h2{font-size:1.05rem;margin:4px 0}
.wa-qr-card p{margin:0;color:var(--muted);font-size:.88rem}
.wa-qr-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wa-qr-box{min-height:118px;border:1px dashed rgba(15,23,42,.18);border-radius:14px;background:#f8fafc;display:grid;place-items:center;text-align:center;padding:12px;color:var(--muted);font-size:.86rem}
.wa-qr-box img{max-width:118px;max-height:118px;border-radius:10px;background:white;padding:6px}
.wa-qr-box pre{max-width:200px;max-height:100px;overflow:auto;text-align:left;white-space:pre-wrap;font-size:.7rem}
@media (max-width:1100px){.wa-qr-card{grid-template-columns:1fr}.wa-qr-actions{justify-content:flex-start}.wa-qr-box{min-height:150px}}


.code-block{display:block;width:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#0f172a;color:#e5e7eb;padding:14px 16px;font-size:.82rem;line-height:1.5}
.muted{color:var(--muted);font-size:.9rem}

/* v56 WhatsApp QR CRM unificado em Configurações */
.gabo-wa-settings{display:grid;gap:18px;min-width:0}
.gabo-wa-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px!important;background:rgba(255,255,255,.82)!important}
.gabo-wa-hero h2{margin:4px 0 6px;font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.04em;color:#0f172a}
.gabo-wa-hero p{max-width:880px;color:var(--muted)}
.gabo-wa-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.gabo-wa-anchor-nav{display:flex;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid rgba(15,79,44,.10);border-radius:18px;background:rgba(255,255,255,.58);backdrop-filter:blur(14px) saturate(1.06)}
.gabo-wa-anchor-nav a{display:inline-flex;min-height:38px;align-items:center;padding:8px 12px;border-radius:999px;color:#0f4f2c;text-decoration:none;font-weight:850;background:rgba(255,255,255,.62)}
.gabo-wa-anchor-nav a:hover{background:rgba(15,79,44,.09)}
.gabo-wa-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gabo-wa-settings .ux-panel{background:rgba(255,255,255,.82)!important;border:1px solid rgba(15,79,44,.12)!important;box-shadow:0 14px 36px rgba(15,23,42,.055)!important}
.gabo-wa-settings .ux-panel-header{align-items:flex-start!important;gap:14px!important}
.gabo-wa-checks{padding:0!important;margin-bottom:14px}
.gabo-wa-checks div{background:rgba(255,255,255,.64)!important;border:1px solid rgba(15,79,44,.08)!important;border-radius:14px!important}
.gabo-wa-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.gabo-wa-command-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.gabo-wa-command-grid .button{width:100%}
.gabo-wa-qr-box{min-height:132px!important;margin-top:12px;background:rgba(248,252,249,.80)!important;border-color:rgba(15,79,44,.16)!important}
.gabo-wa-queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.gabo-wa-queue-grid div{display:grid;gap:3px;min-height:70px;padding:12px;border-radius:16px;background:rgba(255,255,255,.68);border:1px solid rgba(15,79,44,.10)}
.gabo-wa-queue-grid strong{font-size:1.35rem;color:#0f4f2c;letter-spacing:-.04em}
.gabo-wa-queue-grid span{font-size:.82rem;color:var(--muted);font-weight:750}
.gabo-wa-test-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,79,44,.10)}
.gabo-wa-console{min-height:260px!important;border-radius:18px!important;background:linear-gradient(180deg,#0f172a,#111827)!important;color:#d9fbe7!important;font:700 12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important}
.toggle-line{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:10px!important;min-height:44px;padding:10px 12px;border:1px solid rgba(15,79,44,.10);border-radius:14px;background:rgba(255,255,255,.58)}
.toggle-line input[type="checkbox"]{width:auto!important;min-height:auto!important;accent-color:#0f4f2c}
@media(max-width:1180px){.gabo-wa-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.gabo-wa-hero{align-items:flex-start;flex-direction:column}.gabo-wa-hero-actions{justify-content:flex-start}}
@media(max-width:720px){.gabo-wa-status-strip,.gabo-wa-queue-grid,.gabo-wa-command-grid{grid-template-columns:1fr}.gabo-wa-anchor-nav a{flex:1 1 auto;justify-content:center}}


.cnpj-lookup-label {
  position: relative;
}
.cnpj-lookup-label input.has-cnpj-inline-lookup {
  padding-right: 52px !important;
}
.cnpj-inline-lookup {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 31px;
  bottom: auto;
  width: 34px;
  height: 34px;
  margin: 0;
  border: 1px solid rgba(24, 121, 84, .24);
  border-radius: 10px;
  background: rgba(24, 121, 84, .08);
  color: #145c43;
  cursor: pointer;
  vertical-align: middle;
  z-index: 2;
  line-height: 1;
  font-size: .94rem;
}
.cnpj-lookup-label .cnpj-inline-lookup {
  transform: translateY(1px);
}
.cnpj-lookup-label:has(textarea) .cnpj-inline-lookup {
  top: 31px;
}
.cnpj-inline-lookup:hover {
  background: rgba(24, 121, 84, .16);
}
.brl-currency-label {
  position: relative;
}
.brl-currency-label::after {
  content: "R$";
  position: absolute;
  left: 14px;
  bottom: 13px;
  color: #344054;
  font-weight: 800;
  font-size: .92rem;
  pointer-events: none;
  z-index: 1;
}
.brl-currency-label input.brl-currency-input {
  padding-left: 44px !important;
}

.currency-field input.brl-currency-input {
  padding-left: 12px !important;
}
.brl-currency-label:has(.currency-field)::after {
  content: none;
}
.percent-label {
  position: relative;
}
.percent-label::after {
  content: "%";
  position: absolute;
  right: 14px;
  bottom: 13px;
  color: #344054;
  font-weight: 800;
  font-size: .92rem;
  pointer-events: none;
  z-index: 1;
}
.percent-label input.percent-input {
  padding-right: 38px !important;
}
.brl-currency-label input.brl-currency-input::-webkit-outer-spin-button,
.brl-currency-label input.brl-currency-input::-webkit-inner-spin-button {
  margin-left: 4px;
}

.registry-modal .cnpj-lookup-label,
.gabo-modal-card .cnpj-lookup-label,
.payment-terms .cnpj-lookup-label {
  position: relative;
}
.registry-modal .cnpj-lookup-label input.has-cnpj-inline-lookup,
.gabo-modal-card .cnpj-lookup-label input.has-cnpj-inline-lookup,
.payment-terms .cnpj-lookup-label input.has-cnpj-inline-lookup {
  padding-right: 52px !important;
}
.registry-modal .cnpj-inline-lookup,
.gabo-modal-card .cnpj-inline-lookup,
.payment-terms .cnpj-inline-lookup {
  top: 31px;
  right: 10px;
  bottom: auto;
}


/* v97 - lookup icons borderless and centered */
.cnpj-inline-lookup,
.registry-modal .cnpj-inline-lookup,
.gabo-modal-card .cnpj-inline-lookup,
.payment-terms .cnpj-inline-lookup {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 32px !important;
  height: 32px !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding: 0 !important;
  color: #145c43 !important;
}
.cnpj-inline-lookup:hover,
.registry-modal .cnpj-inline-lookup:hover,
.gabo-modal-card .cnpj-inline-lookup:hover,
.payment-terms .cnpj-inline-lookup:hover {
  background: rgba(24,121,84,.08) !important;
  border-radius: 999px !important;
}
.cnpj-lookup-label .cnpj-inline-lookup {
  transform: translateY(-50%) !important;
}


/* v98 - lookup icon simpler and aligned inside input */
.cnpj-lookup-label input.has-cnpj-inline-lookup {
  padding-right: 42px !important;
}
.cnpj-inline-lookup,
.registry-modal .cnpj-inline-lookup,
.gabo-modal-card .cnpj-inline-lookup,
.payment-terms .cnpj-inline-lookup,
.crc-inline-lookup {
  top: auto !important;
  bottom: 12px !important;
  right: 14px !important;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  color: #187954 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
.crc-inline-lookup {
  display: inline-flex;
}
.cnpj-inline-lookup span,
.crc-inline-lookup span {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  transform: translateY(-1px);
}
.cnpj-inline-lookup:hover,
.registry-modal .cnpj-inline-lookup:hover,
.gabo-modal-card .cnpj-inline-lookup:hover,
.payment-terms .cnpj-inline-lookup:hover,
.crc-inline-lookup:hover {
  background: transparent !important;
  color: #0f4f2c !important;
}


/* v157 - padronização visual das páginas criadas no ciclo fiscal/patrimônio/SLA */
.gabo-module-standard.page-head,
.fiscal-simple-page.ux-panel,
.service-sla-page.ux-panel,
.ux-hero.fiscal-main-header {
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
}
.fiscal-type-grid,
.sla-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:16px 0; }
.fiscal-type-card,
.sla-card {
  min-height: 86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border:1px solid rgba(203,213,225,.95);
  border-top:3px solid #2563eb;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,252,.88));
  color:#17202a;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.fiscal-type-card.active,
.sla-card.active { border-top-color:#23704b; background:linear-gradient(180deg,#fff,#f8fbfc); color:#17202a; }
.fiscal-type-card strong,
.sla-card strong { font-weight:900; color:#111827; }
.fiscal-type-card small,
.sla-card small { color:#475569; font-weight:700; }
.sla-card span { font-size:1.45rem; font-weight:900; color:#111827; }
.notice{padding:12px 16px;border-radius:12px;margin:12px 0;border:1px solid rgba(203,213,225,.95);background:#fff;}
.notice.success{background:#ecfdf3;color:#05603a;border-color:#bbf7d0}.notice.danger{background:#fef3f2;color:#b42318;border-color:#fecaca}
.button.danger{background:#b42318;color:#fff;border-color:#b42318}
.sla-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);align-items:center;justify-content:center;padding:24px}.sla-modal.open{display:flex}.sla-modal-card{position:relative;width:min(620px,95vw);background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(15,23,42,.28)}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#eef7f0;color:#174c33;border-radius:12px;width:40px;height:40px;font-size:26px;font-weight:800}.sla-form{display:grid;gap:14px}.sla-form label{display:grid;gap:6px;font-weight:800}.sla-form input,.sla-form textarea,.sla-form select{border:1px solid rgba(22,76,51,.22);border-radius:12px;padding:10px 12px}
@media(max-width:1000px){.fiscal-type-grid,.sla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.fiscal-type-grid,.sla-grid{grid-template-columns:1fr}}


/* v199 - Botões de ação em listagens com ícones padronizados. */
.row-actions,
.ux-table-actions,
td[class*="actions"] {
  gap: 8px;
  align-items: center;
}
.row-actions form,
.ux-table-actions form,
td[class*="actions"] form {
  display: inline-flex;
  margin: 0;
}
.gabo-action-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  position: relative;
  overflow: visible;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
}
.gabo-action-icon__glyph,
.gabo-action-icon__glyph svg {
  width: 20px;
  height: 20px;
  display: block;
}
.gabo-action-icon__glyph svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.gabo-action-icon__text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.gabo-action-icon--pdf { color: #b42318 !important; background: #fff7ed !important; border-color: #fed7aa !important; }
.gabo-action-icon--xml { color: #1d4ed8 !important; background: #eff6ff !important; border-color: #bfdbfe !important; }
.gabo-action-icon--plus { color: #047857 !important; background: #ecfdf3 !important; border-color: #bbf7d0 !important; }
.gabo-action-icon--edit { color: #7c3aed !important; background: #f5f3ff !important; border-color: #ddd6fe !important; }
.gabo-action-icon--delete,
.gabo-action-icon--cancel { color: #b42318 !important; background: #fef3f2 !important; border-color: #fecaca !important; }
.gabo-action-icon--view { color: #0f766e !important; background: #ecfeff !important; border-color: #a5f3fc !important; }
.gabo-action-icon--send { color: #0f4f2c !important; background: #eef7f0 !important; border-color: #cfeadc !important; }
.gabo-action-icon--download { color: #334155 !important; background: #f8fafc !important; border-color: #cbd5e1 !important; }
.gabo-action-icon:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .12) !important;
  filter: saturate(1.08);
}
.gabo-action-icon:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28) !important;
  outline-offset: 2px;
}
@media (max-width: 760px) {
  .gabo-action-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}


/* Contratos V0.12 RC - formulario oficial e fallback visual externo */
.contract-save-notice{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.contract-generator-shell{overflow:hidden!important;background:linear-gradient(180deg,#f8fbfc 0%,#ffffff 100%)!important;border:1px solid #d7e3ee!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important}
.contract-issue-topbar{margin:18px!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important;gap:16px!important;align-items:stretch!important}
.contract-brand-card{display:grid!important;grid-template-columns:88px 1fr!important;align-items:center!important;min-height:128px!important;border:1px solid #d7e3ee!important;background:linear-gradient(135deg,#fff 0%,#fbfefc 100%)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important}
.contract-official-logo{background:#ecfdf5!important;color:#0f7a47!important;border:1px solid rgba(15,122,71,.18)!important;width:76px!important;height:76px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.contract-official-logo svg{width:42px!important;height:42px!important}
.contract-brand-card h2{font-size:20px!important;line-height:1.15!important;margin:4px 0 6px!important;color:#0f172a!important}.contract-brand-card p{max-width:780px!important;color:#64748b!important;margin:0!important}
.contract-issue-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;border:1px solid #d7e3ee!important;background:#fff!important;border-radius:22px!important;padding:16px!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important;align-content:start!important}
.contract-issue-summary label,.contract-issue-summary input,.contract-issue-summary select{min-width:0!important}.contract-issue-summary label{font-size:12px!important;text-transform:none!important}.contract-issue-summary input,.contract-issue-summary select{height:46px!important}
.contract-issue-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 18px 18px!important;padding:10px!important;border:1px solid #d7e3ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important;position:sticky!important;top:0!important;z-index:3!important}.contract-issue-tabs button{border:1px solid #d7e3ee!important;border-radius:12px!important;background:#fff!important;padding:10px 14px!important;font-weight:900!important;color:#334155!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important}.contract-issue-tabs button::before{content:''!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#cbd5e1!important;display:inline-block!important}.contract-issue-tabs button.active{background:#0f7a47!important;color:#fff!important;border-color:#0f7a47!important;box-shadow:0 10px 22px rgba(15,122,71,.22)!important}.contract-issue-tabs button.active::before{background:#fff!important}
.contract-issue-form .fiscal-step-panel{margin:0 18px 18px!important;border:1px solid #d7e3ee!important;background:#fff!important;border-radius:22px!important;padding:20px!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important}.contract-issue-form .fiscal-panel-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;border-bottom:1px solid #edf2f7!important;padding-bottom:14px!important;margin-bottom:18px!important}.contract-issue-form .fiscal-panel-title h3{margin:0!important;color:#0f172a!important;font-size:18px!important}.contract-issue-form .fiscal-panel-title span{font-size:12px!important;color:#64748b!important;font-weight:800!important;letter-spacing:.01em!important}
.contract-segment-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.contract-segment-card{border:1px solid rgba(203,213,225,.95)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;padding:12px!important;display:grid!important;grid-template-columns:30px 1fr!important;gap:10px!important;align-items:center!important;cursor:pointer!important;transition:.2s!important;min-height:92px!important;position:relative!important}.contract-segment-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}.contract-segment-icon{width:30px!important;height:30px!important;border-radius:11px!important;background:#eefaf3!important;color:#166534!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important}.contract-segment-icon svg{width:17px!important;height:17px!important}.contract-segment-copy strong{display:block!important;color:#0f172a!important;font-size:13px!important;line-height:1.2!important}.contract-segment-copy small{display:block!important;color:#64748b!important;margin-top:3px!important;line-height:1.28!important;font-size:11px!important}.contract-segment-card::after{content:""!important;position:absolute!important;top:12px!important;right:12px!important;width:12px!important;height:12px!important;border-radius:50%!important;border:1px solid #cbd5e1!important;background:#fff!important}.contract-segment-card.active{border-color:#0f7a47!important;background:linear-gradient(180deg,#f7fef9,#fff)!important;box-shadow:0 12px 26px rgba(15,122,71,.12)!important}.contract-segment-card.active::after{background:#0f7a47!important;border-color:#0f7a47!important;box-shadow:inset 0 0 0 3px #fff!important}.contract-segment-panel{display:none!important}.contract-segment-panel.active{display:block!important}.contract-hidden{display:none!important}.contract-segment-hint{border:1px solid #dbeafe!important;background:#f8fbff!important;color:#1e3a8a!important;border-radius:14px!important;padding:10px 12px!important;margin:0 0 12px!important}.contract-segment-hint strong,.contract-segment-hint span{display:block!important}.contract-segment-hint span{font-size:12px!important;color:#475569!important;margin-top:2px!important}
.contract-option-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}.contract-option-card{border:1px solid rgba(203,213,225,.95)!important;border-radius:14px!important;background:#fff!important;padding:12px!important;display:flex!important;gap:10px!important;align-items:flex-start!important;min-height:92px!important}.contract-option-card input{width:18px!important;height:18px!important;margin-top:2px!important;flex:0 0 18px!important}.contract-option-card strong{display:block!important;color:#0f172a!important}.contract-option-card small{display:block!important;color:#64748b!important;margin-top:4px!important;line-height:1.35!important;font-weight:600!important}.contract-option-card:has(input:checked){border-color:#0f7a47!important;background:#f0fdf4!important;box-shadow:0 10px 22px rgba(15,122,71,.09)!important}.contract-choice-box{border:1px solid rgba(203,213,225,.95)!important;border-radius:16px!important;background:#fbfdff!important;padding:14px!important;margin:0!important}.contract-choice-box legend{font-weight:900!important;color:#0f172a!important;padding:0 6px!important}.contract-choice-box label{display:flex!important;gap:8px!important;align-items:center!important;margin:8px 0!important;font-weight:800!important;color:#334155!important}.contract-choice-box input{width:18px!important;height:18px!important}.contract-choice-box small{display:block!important;color:#64748b!important;line-height:1.35!important;margin-top:8px!important}.contract-document-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.contract-document-actions .button.wide{width:auto!important;min-width:220px!important}
@media(max-width:1120px){.contract-issue-topbar{grid-template-columns:1fr!important}.contract-issue-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.contract-issue-summary,.contract-segment-grid,.contract-option-grid{grid-template-columns:1fr!important}.contract-brand-card{grid-template-columns:1fr!important}.contract-official-logo{width:64px!important;height:64px!important}.contract-issue-tabs{position:static!important}.contract-document-actions .button.wide{width:100%!important}}

/* v0.12.0-rc.5 - Blindagem do fluxo guiado de contratos. */
.contract-issue-form [data-contract-panel]{display:none!important}
.contract-issue-form [data-contract-panel].active{display:block!important}
.contract-issue-form [data-contract-segment-panel]{display:none!important}
.contract-issue-form [data-contract-segment-panel].active{display:block!important}
.contract-issue-form .contract-hidden{display:none!important}
.contract-issue-tabs button,.contract-segment-card{pointer-events:auto!important}
.contract-segment-card input[data-contract-segment-selector]{pointer-events:none!important}
/* v236 contratos: Tabela Mestre como fonte comercial e descontos controlados */
.discount-inline{display:flex;gap:8px;align-items:center;min-width:130px}.discount-inline input{max-width:82px}.discount-inline select{max-width:64px}.contract-items-table small{display:block;color:#64748b;font-size:.72rem;font-weight:700;margin-top:2px}.contract-total-stack{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.contract-total-stack span{background:#f8fafc;border:1px solid #dbe7f3;border-radius:999px;padding:7px 12px;font-weight:800}.form-row.one{grid-template-columns:1fr}.contract-help-note{color:#64748b;font-size:.86rem;margin:.35rem 0 .8rem;font-weight:700}


/* v264 - corrige lupa CRC/CNPJ e modal de contratos acima da barra superior */
.cnpj-lookup-label{position:relative!important;}
.cnpj-lookup-label > input.has-cnpj-inline-lookup{padding-right:46px!important;}
.cnpj-lookup-label > .cnpj-inline-lookup,
.cnpj-lookup-label > .crc-inline-lookup{position:absolute!important;right:14px!important;top:auto!important;bottom:12px!important;z-index:4!important;pointer-events:auto!important;}
input[type="hidden"] + .cnpj-inline-lookup,
input[type="hidden"] + .crc-inline-lookup{display:none!important;}
.contract-modal{z-index:30000!important;}
.contract-modal.is-open{display:flex!important;}
html.contract-modal-open,body.contract-modal-open{overflow:hidden!important;}

label:has(> input[type="checkbox"]):not(:has(> input:not([type="checkbox"]):not([type="hidden"]))),
label:has(> input[type="radio"]):not(:has(> input:not([type="radio"]):not([type="hidden"]))) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  min-height: 32px;
  line-height: 1.25;
}

.form-row > label:has(> input[type="checkbox"]):not(:has(> input:not([type="checkbox"]):not([type="hidden"]))),
.form-row > label:has(> input[type="radio"]):not(:has(> input:not([type="radio"]):not([type="hidden"]))) {
  align-self: end;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 10px;
  background: rgba(248, 252, 249, .66);
}

/* v335 - WhatsApp QR 1:1, páginas dedicadas e ícone Aurora */
.whatsapp-brand-icon{width:20px!important;height:20px!important;border-radius:8px;object-fit:contain;vertical-align:middle;box-shadow:0 8px 16px rgba(15,79,44,.14)}
.registry-whatsapp-btn,.gabo-action-icon[aria-label*="WhatsApp"],.gabo-action-icon[title*="WhatsApp"]{width:38px;min-width:38px;height:38px;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:12px!important}
.registry-whatsapp-btn span:not(.registry-contact-btn__icon),.gabo-action-icon[aria-label*="WhatsApp"] span,.gabo-action-icon[title*="WhatsApp"] span{display:none!important}
.gabo-whatsapp-qr-box{min-height:180px!important;padding:18px!important;overflow:hidden}
.gabo-whatsapp-qr-box img,.wa-qr-box img{width:min(100%,220px)!important;height:auto!important;max-width:220px!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;border-radius:18px!important;background:#fff!important;padding:12px!important;box-shadow:0 18px 50px rgba(15,23,42,.10)}
.gabo-wa-qr-thumb{appearance:none;border:0;background:transparent;display:grid;place-items:center;gap:10px;cursor:pointer;color:var(--muted);font:inherit;width:100%}
.gabo-wa-qr-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.62);backdrop-filter:blur(12px)}
.gabo-wa-qr-modal.is-open{display:flex}
.gabo-wa-qr-modal-card{position:relative;width:min(680px,96vw);border-radius:28px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.58);box-shadow:0 30px 90px rgba(0,0,0,.24);padding:24px;display:grid;gap:18px;text-align:center}
.gabo-wa-qr-modal-card header h2{margin:4px 0 6px;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em;color:#0f172a}
.gabo-wa-qr-modal-card header p{margin:0;color:var(--muted)}
.gabo-wa-qr-modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:14px;background:rgba(15,23,42,.08);font-size:26px;line-height:1;cursor:pointer;color:#0f172a}
.gabo-wa-qr-large{min-height:420px;display:grid;place-items:center;border:1px dashed rgba(15,79,44,.22);border-radius:24px;background:linear-gradient(180deg,rgba(248,252,249,.92),rgba(255,255,255,.96));padding:22px;color:var(--muted)}
.gabo-wa-qr-large img{width:min(420px,78vw)!important;height:min(420px,78vw)!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain;background:#fff;border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(15,23,42,.16)}
.gabo-wa-qr-large span{display:block;margin-top:12px;font-weight:700;color:#667085}.gabo-wa-qr-large pre{max-width:100%;max-height:420px;overflow:auto;text-align:left;white-space:pre-wrap}
.gabo-wa-chat-page .wa-bubble small{display:block;margin-top:6px;font-size:.72rem;color:#667085}.gabo-wa-chat-page .wa-bubble p{margin:0}.gabo-wa-chat-page .wa-bubbles{max-height:640px}.gabo-wa-chat-page .wa-conversation{border:1px solid transparent}.gabo-wa-chat-page .wa-conversation.active{border-color:rgba(15,79,44,.18)}
@media(max-width:720px){.gabo-wa-qr-large{min-height:320px}.gabo-wa-qr-modal-card{padding:18px;border-radius:22px}.gabo-wa-qr-modal-close{right:12px;top:12px}}

/* v336 - WhatsApp lateral, chat unificado e painel Node/PM2 */
.gabo-wa-settings-v336{gap:16px}.gabo-wa-settings-tabs{position:sticky;top:74px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid rgba(15,79,44,.12);border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(15,23,42,.06)}
.gabo-wa-settings-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:999px;color:#145f43;text-decoration:none;font-weight:900;border:1px solid rgba(15,79,44,.10);background:rgba(248,252,249,.85)}
.gabo-wa-settings-tabs a.active,.gabo-wa-settings-tabs a:hover{color:#fff;background:linear-gradient(135deg,#2b8d62,#156043);border-color:#156043;box-shadow:0 12px 24px rgba(21,96,67,.18)}
.gabo-wa-settings-page{display:none}.gabo-wa-settings-page.active{display:block}.gabo-wa-settings-page>.ux-panel{min-height:420px}.gabo-wa-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:16px}.gabo-wa-command-grid+.notice{margin:0 16px 16px}.gabo-wa-command-grid+.notice+.gabo-bridge-terminal{margin:0 16px 16px}.gabo-wa-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(15,79,44,.11);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.gabo-wa-chat-toolbar strong{display:block;color:#0f4f2c}.gabo-wa-chat-toolbar small{display:block;color:#667085;margin-top:2px;font-weight:700}.gabo-wa-chat-search{min-width:min(380px,100%)}.gabo-wa-chat-search input{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.45);border-radius:999px;padding:8px 14px;font-weight:800;background:#fff;outline:none}.gabo-wa-chat-shell{grid-template-columns:340px minmax(420px,1fr) 260px}.gabo-wa-chat-list{background:rgba(248,252,249,.88)}.gabo-wa-chat-list .wa-conversation{position:relative;grid-template-columns:42px minmax(0,1fr) auto;width:100%;align-items:center;text-align:left}.gabo-wa-thread-meta{min-width:0}.gabo-wa-thread-meta strong,.gabo-wa-thread-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gabo-wa-thread-badges{display:grid;gap:4px;justify-items:end}.gabo-wa-thread-badges small{border-radius:999px;background:#eef7f1;color:#145f43;padding:3px 7px;font-size:10px;font-weight:900}.gabo-wa-thread-badges small.warn{background:#fff7ed;color:#9a3412}.gabo-wa-thread-badges small.fail{background:#fef2f2;color:#991b1b}.gabo-wa-thread-panel .wa-bubbles{background:linear-gradient(180deg,rgba(248,252,249,.76),rgba(255,255,255,.94))}.gabo-wa-chat-side{display:grid;align-content:start;gap:12px}.gabo-wa-chat-side .button{width:100%}.gabo-wa-chat-unified .wa-bubble small{display:block;margin-top:6px;font-size:.72rem;color:#667085;font-weight:750}.gabo-wa-chat-unified .wa-bubble p{margin:0;white-space:pre-wrap}.gabo-wa-chat-unified .wa-bubbles{max-height:680px}.ux-rail-button .whatsapp-brand-icon,.ux-nav-icon .whatsapp-brand-icon{width:20px!important;height:20px!important;box-shadow:none}.ux-nav-icon:has(.whatsapp-brand-icon){background:#e7f8ee!important;color:#145f43!important}
@media(max-width:1180px){.gabo-wa-chat-shell{grid-template-columns:300px 1fr}.gabo-wa-chat-side{grid-column:1/-1;border-left:0;border-top:1px solid rgba(15,23,42,.08)}}
@media(max-width:900px){.gabo-wa-chat-toolbar{align-items:stretch;flex-direction:column}.gabo-wa-chat-search{min-width:0}.gabo-wa-chat-shell{grid-template-columns:1fr}.gabo-wa-settings-tabs{position:static}.gabo-wa-thread-badges{display:none}}


.gabo-wa-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92)}
.gabo-wa-compose textarea{width:100%;min-height:52px;resize:vertical;border:1px solid rgba(148,163,184,.45);border-radius:16px;padding:10px 12px;font-weight:750;outline:none;background:#fff}
.gabo-wa-compose textarea:focus{border-color:rgba(20,95,67,.42);box-shadow:0 0 0 4px rgba(20,95,67,.08)}
.gabo-wa-compose .button{align-self:end;min-height:52px}
@media(max-width:700px){.gabo-wa-compose{grid-template-columns:1fr}.gabo-wa-compose .button{width:100%}}


.gabo-wa-link-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.gabo-wa-link-card h3{margin:0;color:#0f4f2c;font-size:1rem}.gabo-wa-link-card p{margin:0}.gabo-wa-link-card .stack-form{display:grid;gap:10px}.gabo-wa-link-card label{display:grid;gap:5px;font-size:.78rem;font-weight:900;color:#344054}.gabo-wa-link-card select,.gabo-wa-link-card textarea{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:9px 10px;background:#fff;font-weight:750;outline:none}.gabo-wa-link-card textarea{resize:vertical}.gabo-wa-links{display:grid;gap:8px}.gabo-wa-links article{display:grid;gap:6px;padding:10px;border:1px solid rgba(20,95,67,.13);border-radius:14px;background:#f8fcf9}.gabo-wa-links strong{color:#145f43}.gabo-wa-links small{color:#667085;font-weight:800}.gabo-wa-links form{margin:0}.button.danger,.button.ghost.danger{color:#991b1b;border-color:rgba(153,27,27,.22);background:#fff7f7}.gabo-wa-chat-side{max-height:calc(100vh - 190px);overflow:auto}


/* v341 - WhatsApp atendimento, midia e bloqueio por colaborador */
.gabo-wa-attendance-card form + form { margin-top: .6rem; }
.gabo-wa-attendance-card p { margin: .35rem 0; }
.wa-media-upload { display: grid; gap: .25rem; min-width: 180px; font-size: .78rem; color: var(--muted, #64748b); }
.wa-media-upload input { max-width: 220px; }
.wa-media-chip { display: grid; gap: .15rem; margin-top: .45rem; padding: .55rem .7rem; border: 1px dashed rgba(20, 184, 166, .45); border-radius: 12px; background: rgba(20, 184, 166, .08); font-size: .78rem; }
.wa-media-chip strong { text-transform: uppercase; letter-spacing: .06em; }
.wa-media-chip em { font-style: normal; color: #b45309; }
.notice.warning { border-color: rgba(245, 158, 11, .45); background: rgba(245, 158, 11, .1); color: #92400e; }
.gabo-wa-thread-badges small.fail { border-color: rgba(239, 68, 68, .45); color: #b91c1c; }
.gabo-wa-thread-badges small.warn { border-color: rgba(245, 158, 11, .45); color: #b45309; }

/* v343 - WhatsApp atendimento em duas colunas e vínculo CPF/CNPJ */
.gabo-wa-chat-head .ux-actions{align-items:center;gap:10px}.gabo-wa-top-actions form{margin:0}.gabo-wa-top-actions .button{white-space:nowrap}.gabo-wa-chat-shell--no-side,.gabo-wa-chat-shell{grid-template-columns:340px minmax(420px,1fr)}.gabo-wa-thread-tags{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.gabo-wa-linked-strip{display:flex;gap:8px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid rgba(20,95,67,.1);background:#f8fcf9;color:#145f43;font-weight:850}.gabo-wa-linked-strip span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(20,95,67,.15);border-radius:999px;background:#fff;padding:6px 10px}.gabo-wa-linked-strip small{color:#667085;font-weight:750}.gabo-wa-linked-strip.muted{color:#667085;background:#fff;display:block}.gabo-wa-registry-modal[hidden]{display:none}.gabo-wa-registry-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:24px}.gabo-wa-registry-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}.gabo-wa-registry-modal__card{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(148,163,184,.35);border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:22px}.gabo-wa-registry-modal__card header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:14px;margin-bottom:16px}.gabo-wa-registry-modal__card h2{margin:0;color:#0f172a}.gabo-wa-registry-modal__card p{margin:.25rem 0 0;color:#667085;font-weight:750}.gabo-wa-registry-grid{display:grid;grid-template-columns:1fr 220px;gap:12px}.gabo-wa-registry-grid label,.gabo-wa-registry-create label{display:grid;gap:6px;font-size:.82rem;font-weight:900;color:#344054}.gabo-wa-registry-grid input,.gabo-wa-registry-grid select,.gabo-wa-registry-create input,.gabo-wa-registry-actions select{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:10px 12px;background:#fff;font-weight:800;outline:none}.gabo-wa-registry-result{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid rgba(20,95,67,.13);border-radius:16px;background:#f8fcf9;color:#145f43;font-weight:850}.gabo-wa-registry-result span{color:#667085;font-weight:750}.gabo-wa-registry-actions,.gabo-wa-registry-create{display:grid;gap:10px}.gabo-wa-registry-actions{grid-template-columns:1fr auto;align-items:center}.gabo-wa-registry-create{padding-top:12px;margin-top:12px;border-top:1px dashed rgba(148,163,184,.45)}
@media(max-width:1180px){.gabo-wa-chat-shell--no-side,.gabo-wa-chat-shell{grid-template-columns:300px 1fr}.gabo-wa-chat-head{align-items:stretch}.gabo-wa-chat-head .ux-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:900px){.gabo-wa-chat-shell--no-side,.gabo-wa-chat-shell{grid-template-columns:1fr}.gabo-wa-registry-grid,.gabo-wa-registry-actions{grid-template-columns:1fr}.gabo-wa-registry-modal__card header{flex-direction:column}}


.gabo-wa-top-actions form { display: inline-flex; gap: .5rem; align-items: center; }
.gabo-wa-thread-badges small.agent { background: #eef6ff; color: #0f4f8f; }
.gabo-wa-transfer-modal[hidden], .gabo-wa-registry-modal[hidden] { display: none !important; }
.gabo-wa-transfer-form { display: grid; gap: 1rem; }
.gabo-wa-transfer-form textarea { min-height: 88px; resize: vertical; }
.gabo-wa-chat-page .notice.success[data-wa-assigned-current] { border-color: #a7f3d0; background: #ecfdf5; }

/* v345 - Central WhatsApp humana */
.gabo-wa-command-center{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0}
.gabo-wa-metric-card{display:grid;gap:4px;min-height:92px;padding:14px;border:1px solid rgba(20,95,67,.12);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(15,23,42,.055)}
.gabo-wa-metric-card span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:900}.gabo-wa-metric-card strong{font-size:1.55rem;letter-spacing:-.05em;color:#0f4f2c}.gabo-wa-metric-card small{color:#667085;font-weight:800}.gabo-wa-metric-card.danger{border-color:rgba(220,38,38,.28);background:#fff7f7}.gabo-wa-metric-card.danger strong{color:#b91c1c}
.gabo-wa-kanban-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}.gabo-wa-kanban-preview article{min-height:126px;padding:12px;border:1px solid rgba(15,79,44,.1);border-radius:20px;background:rgba(248,252,249,.86);box-shadow:0 12px 28px rgba(15,23,42,.045)}.gabo-wa-kanban-preview header{display:flex!important;justify-content:space-between!important;align-items:center!important;border:0!important;padding:0 0 8px!important;margin:0!important}.gabo-wa-kanban-preview header strong{font-size:.9rem;color:#0f4f2c}.gabo-wa-kanban-preview header span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#145f43;font-weight:950}.gabo-wa-kanban-preview article>div{display:grid;gap:2px;padding:8px 0;border-top:1px solid rgba(15,79,44,.08)}.gabo-wa-kanban-preview b{font-size:.83rem;color:#0f172a}.gabo-wa-kanban-preview small{color:#667085;font-weight:800}.gabo-wa-priority-form select{min-height:38px;border:1px solid rgba(148,163,184,.45);border-radius:999px;padding:7px 10px;background:#fff;font-weight:900;color:#344054}.gabo-wa-human-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px;border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92)}.gabo-wa-human-panel article{display:grid;gap:10px;padding:12px;border:1px solid rgba(20,95,67,.1);border-radius:18px;background:#fff}.gabo-wa-human-panel h3{margin:0;color:#0f4f2c;font-size:1rem}.gabo-wa-note-list,.gabo-wa-timeline{display:grid;gap:8px}.gabo-wa-note-list div,.gabo-wa-timeline div{display:grid;gap:4px;padding:9px 10px;border-radius:14px;background:#f8fcf9;border:1px solid rgba(20,95,67,.1)}.gabo-wa-note-list p{margin:0;color:#344054;font-weight:700;white-space:pre-wrap}.gabo-wa-note-list small,.gabo-wa-timeline small{color:#667085;font-weight:750}.gabo-wa-note-form{display:grid;grid-template-columns:1fr auto;gap:8px}.gabo-wa-note-form textarea{min-height:54px;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:9px 10px;resize:vertical;font-weight:750}.gabo-wa-thread-badges small.priority{background:#fff7ed;color:#9a3412}.gabo-wa-thread-badges small.overdue{background:#fef2f2;color:#991b1b}
@media(max-width:1280px){.gabo-wa-command-center{grid-template-columns:repeat(3,minmax(0,1fr))}.gabo-wa-kanban-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.gabo-wa-command-center,.gabo-wa-kanban-preview,.gabo-wa-human-panel{grid-template-columns:1fr}.gabo-wa-note-form{grid-template-columns:1fr}.gabo-wa-note-form .button{width:100%}}


/* v346 - WhatsApp caixa de entrada unificada e experiencia compacta */
.gabo-wa-chat-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.gabo-wa-chat-head>div:first-child{min-width:280px}.gabo-wa-chat-head h1{margin:.2rem 0 .35rem}.gabo-wa-chat-head p{max-width:720px}.gabo-wa-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.gabo-wa-top-actions form{margin:0;display:inline-flex;gap:8px;align-items:center}.gabo-wa-top-actions .button{min-height:42px}
.gabo-wa-ops-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 14px;border:1px solid rgba(15,79,44,.1);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(15,23,42,.055);backdrop-filter:blur(10px)}
.gabo-wa-ops-strip>div:first-child{display:grid;gap:4px}.gabo-wa-ops-strip strong{font-size:1.08rem;color:#0f172a}.gabo-wa-ops-strip small{color:#667085;font-weight:750}.gabo-wa-quick-metrics{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.gabo-wa-quick-metrics span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid rgba(20,95,67,.12);border-radius:999px;background:#f8fcf9;color:#145f43;font-size:.78rem;font-weight:900;white-space:nowrap}.gabo-wa-quick-metrics b{font-size:1rem;color:#0f4f2c}.gabo-wa-quick-metrics .danger{background:#fff7f7;border-color:rgba(220,38,38,.22);color:#991b1b}.gabo-wa-quick-metrics .danger b{color:#b91c1c}
.gabo-wa-ops-board{margin:0 0 16px;border:1px solid rgba(15,79,44,.09);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(15,23,42,.045);overflow:hidden}.gabo-wa-ops-board summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;cursor:pointer;list-style:none}.gabo-wa-ops-board summary::-webkit-details-marker{display:none}.gabo-wa-ops-board summary span{font-weight:950;color:#0f4f2c}.gabo-wa-ops-board summary small{font-weight:750;color:#667085}.gabo-wa-ops-board[open] summary{border-bottom:1px solid rgba(15,79,44,.08)}.gabo-wa-ops-board .gabo-wa-command-center,.gabo-wa-ops-board .gabo-wa-kanban-preview{padding:14px 16px;margin:0}.gabo-wa-command-center{grid-template-columns:repeat(6,minmax(130px,1fr))}.gabo-wa-kanban-preview{grid-template-columns:repeat(5,minmax(150px,1fr))}.gabo-wa-metric-card,.gabo-wa-kanban-preview article{background:#fff}
.gabo-wa-chat-toolbar{margin-top:0}.gabo-wa-chat-shell--no-side,.gabo-wa-chat-shell{grid-template-columns:minmax(280px,340px) minmax(520px,1fr)}.gabo-wa-human-panel{border-top:1px solid rgba(15,23,42,.08)}
@media(max-width:1280px){.gabo-wa-ops-strip{align-items:flex-start;flex-direction:column}.gabo-wa-quick-metrics{justify-content:flex-start}.gabo-wa-command-center{grid-template-columns:repeat(3,minmax(0,1fr))}.gabo-wa-kanban-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.gabo-wa-chat-head{align-items:stretch}.gabo-wa-top-actions{justify-content:flex-start}.gabo-wa-chat-shell--no-side,.gabo-wa-chat-shell{grid-template-columns:1fr}.gabo-wa-quick-metrics span{flex:1 1 150px}.gabo-wa-ops-board summary{align-items:flex-start;flex-direction:column}.gabo-wa-command-center,.gabo-wa-kanban-preview{grid-template-columns:1fr!important}}

.gabo-floating-thread{display:grid;gap:3px;border:1px solid rgba(16,93,57,.12);border-radius:14px;background:#f8fcfa;padding:9px 10px}.gabo-floating-thread strong{font-size:.86rem;color:#123322}.gabo-floating-thread small{font-size:.72rem;color:#64748b;font-weight:800}.gabo-floating-thread span{font-size:.78rem;color:#28523a}.gabo-unified-messenger-compose[hidden]{display:none!important}.gabo-wa-thread-meta em{font-style:normal;color:#0f7a4b;font-weight:900}.wa-conversation[data-channel="messenger"] .avatar{background:#eef6ff;color:#1d4ed8}.wa-conversation[data-channel="messenger"] .gabo-wa-thread-badges small:first-child{background:#eef6ff;color:#1d4ed8}.view-whatsapp-history .gabo-wa-chat-head .eyebrow,.view-whatsapp-inbox .gabo-wa-chat-head .eyebrow{letter-spacing:.08em}


/* v348 - pesquisa com botoes, grupos e omnichannel */
.wa-quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.wa-quick-replies span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgba(20,95,67,.18);border-radius:999px;background:rgba(255,255,255,.82);color:#0f4f2c;font-size:.74rem;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.gabo-wa-thread-badges small.group{background:#eef2ff;color:#3730a3}.wa-conversation[data-is-group="1"] .wa-avatar{background:linear-gradient(135deg,#eef2ff,#dcfce7);color:#145f43}.wa-conversation[data-is-group="1"] .gabo-wa-thread-meta em{color:#3730a3}.gabo-wa-top-actions [data-wa-keep-open-form] .button{border-color:rgba(20,95,67,.2);background:rgba(248,252,249,.92)}
.gabo-floating-thread{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.46)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(236,253,245,.62))!important;box-shadow:0 18px 42px rgba(15,23,42,.12);backdrop-filter:blur(18px);padding:11px 12px!important}.gabo-floating-thread::before{content:"";position:absolute;inset:auto -30px -38px auto;width:92px;height:92px;border-radius:50%;background:rgba(34,197,94,.13)}.gabo-floating-thread strong,.gabo-floating-thread small,.gabo-floating-thread span{position:relative;z-index:1}


/* Gabo v12-rc-v349 - WhatsApp Web Experience */
.view-whatsapp-history .ux-content-shell,.view-whatsapp-inbox .ux-content-shell{background:#f0f2f5}
.view-whatsapp-history .ux-main,.view-whatsapp-inbox .ux-main{padding:10px 12px 14px!important;min-height:calc(100vh - 76px);display:flex;flex-direction:column;overflow:hidden}
.view-whatsapp-history .gabo-wa-chat-head,.view-whatsapp-inbox .gabo-wa-chat-head{min-height:auto!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:#f0f2f5!important;box-shadow:none!important;align-items:center!important}
.view-whatsapp-history .gabo-wa-chat-head>div:first-child,.view-whatsapp-inbox .gabo-wa-chat-head>div:first-child{display:none!important}
.view-whatsapp-history .gabo-wa-top-actions,.view-whatsapp-inbox .gabo-wa-top-actions{width:100%;display:flex!important;justify-content:flex-end!important;gap:6px!important;overflow-x:auto;padding:0 0 4px;scrollbar-width:thin}
.view-whatsapp-history .gabo-wa-top-actions .button,.view-whatsapp-inbox .gabo-wa-top-actions .button{min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;box-shadow:none!important;white-space:nowrap}
.view-whatsapp-history .gabo-wa-priority-form select,.view-whatsapp-inbox .gabo-wa-priority-form select{min-height:34px!important;font-size:12px!important;background:#fff!important}
.view-whatsapp-history .gabo-wa-ops-strip,.view-whatsapp-history .gabo-wa-ops-board,.view-whatsapp-inbox .gabo-wa-ops-strip,.view-whatsapp-inbox .gabo-wa-ops-board{display:none!important}
.view-whatsapp-history .gabo-wa-chat-page,.view-whatsapp-inbox .gabo-wa-chat-page{gap:0!important;flex:1;min-height:0}
.view-whatsapp-history .gabo-wa-chat-shell,.view-whatsapp-inbox .gabo-wa-chat-shell{height:calc(100vh - 140px);min-height:620px!important;grid-template-columns:minmax(320px,390px) minmax(580px,1fr)!important;border-radius:0!important;border:1px solid rgba(17,27,33,.10)!important;background:#f0f2f5!important;box-shadow:0 18px 48px rgba(17,27,33,.14)!important;overflow:hidden!important}
.view-whatsapp-history .gabo-wa-chat-list,.view-whatsapp-inbox .gabo-wa-chat-list{background:#fff!important;border-right:1px solid #e9edef!important;padding:0!important;gap:0!important;overflow:auto!important}
.gabo-wa-sidebar-head{position:sticky;top:0;z-index:5;display:grid;gap:10px;padding:14px 14px 10px;background:#fff;border-bottom:1px solid #e9edef}.gabo-wa-sidebar-title{display:flex;align-items:center;justify-content:space-between}.gabo-wa-sidebar-title h2{font-size:22px;letter-spacing:-.04em;margin:0;color:#111b21}.gabo-wa-sidebar-title span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#e7f8ee;color:#008069;font-size:12px;font-weight:900}.gabo-wa-filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:1px}.gabo-wa-filter-chips button{appearance:none;border:1px solid #d1d7db;border-radius:999px;background:#fff;color:#54656f;padding:7px 13px;font-weight:800;cursor:pointer}.gabo-wa-filter-chips button.active{background:#d9fdd3;border-color:#b5f1a6;color:#008069}.gabo-wa-chat-search{min-width:0!important}.gabo-wa-chat-search input{min-height:39px!important;border:0!important;border-radius:999px!important;background:#f0f2f5!important;color:#111b21!important;padding:9px 14px 9px 38px!important;font-weight:700!important;background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2354656f' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:12px center!important}
.view-whatsapp-history .wa-conversation,.view-whatsapp-inbox .wa-conversation{border:0!important;border-radius:0!important;padding:12px 14px!important;grid-template-columns:49px minmax(0,1fr) auto!important;gap:12px!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #f0f2f5!important}.view-whatsapp-history .wa-conversation:hover,.view-whatsapp-history .wa-conversation.active,.view-whatsapp-inbox .wa-conversation:hover,.view-whatsapp-inbox .wa-conversation.active{background:#f0f2f5!important}.view-whatsapp-history .wa-avatar,.view-whatsapp-inbox .wa-avatar{width:49px!important;height:49px!important;background:#dfe5e7!important;color:#54656f!important;font-weight:900!important}.gabo-wa-thread-meta strong{font-size:15px!important;color:#111b21!important;font-weight:700!important}.gabo-wa-thread-meta small{max-width:240px!important;font-size:13px!important;color:#667781!important;font-weight:600!important}.gabo-wa-thread-meta em{color:#008069!important}.gabo-wa-thread-badges{align-self:start!important;gap:3px!important}.gabo-wa-thread-badges small{font-size:10px!important;padding:3px 6px!important;background:#e7f8ee!important;color:#008069!important;max-width:96px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gabo-wa-thread-badges small:nth-child(2){background:#f0f2f5!important;color:#667781!important}.gabo-wa-thread-badges small.group{background:#eef2ff!important;color:#3730a3!important}
.view-whatsapp-history .gabo-wa-thread-panel,.view-whatsapp-inbox .gabo-wa-thread-panel{background:#efeae2!important;position:relative}.view-whatsapp-history .gabo-wa-thread-panel::before,.view-whatsapp-inbox .gabo-wa-thread-panel::before{content:"";position:absolute;inset:0;opacity:.26;background-image:radial-gradient(circle at 12px 12px,rgba(84,101,111,.16) 1.2px,transparent 1.4px);background-size:34px 34px;pointer-events:none}.gabo-wa-thread-panel>*{position:relative;z-index:1}.gabo-wa-thread-header{min-height:64px!important;padding:9px 16px!important;align-items:center!important;background:#f0f2f5!important;border-bottom:1px solid #d1d7db!important}.gabo-wa-thread-identity{display:flex;align-items:center;gap:12px;min-width:0}.gabo-wa-thread-identity h2{font-size:16px!important;color:#111b21!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gabo-wa-thread-identity p{font-size:12px!important;color:#667781!important;margin:1px 0 0!important}.wa-avatar-thread{width:42px!important;height:42px!important;background:#dfe5e7!important;color:#54656f!important}.gabo-wa-thread-tags{display:flex!important;gap:6px!important;align-items:center!important;max-width:46%;overflow:hidden}.gabo-wa-thread-tags .tag{border:0!important;background:rgba(255,255,255,.74)!important;color:#54656f!important;font-size:11px!important;padding:5px 8px!important;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}.gabo-wa-thread-tags .tag.green{background:#d9fdd3!important;color:#008069!important}.gabo-wa-chat-unified .wa-bubbles,.gabo-wa-thread-panel .wa-bubbles{flex:1!important;max-height:none!important;min-height:0!important;padding:18px 7.5% 16px!important;background:transparent!important;gap:3px!important}.wa-bubble{position:relative;max-width:min(680px,72%)!important;border:0!important;border-radius:8px!important;padding:6px 8px 5px!important;color:#111b21!important;font-size:14px!important;line-height:1.35!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}.wa-bubble.in{background:#fff!important;border-top-left-radius:0!important}.wa-bubble.out{background:#d9fdd3!important;border-top-right-radius:0!important}.wa-bubble.in::before{content:"";position:absolute;left:-8px;top:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:8px solid #fff}.wa-bubble.out::after{content:"";position:absolute;right:-8px;top:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-left:8px solid #d9fdd3}.wa-bubble p{font-size:14px!important;color:#111b21!important;line-height:1.38!important;margin:0 0 2px!important}.wa-bubble small{display:block!important;text-align:right!important;color:#667781!important;font-size:10.5px!important;font-weight:600!important;margin-top:3px!important}.wa-bubble-author{display:block;margin:0 0 3px;color:#008069;font-size:12px;font-weight:900}.wa-media-chip{margin-top:6px!important;border:0!important;border-radius:8px!important;background:rgba(17,27,33,.06)!important;color:#111b21!important}.wa-quick-replies{margin-top:7px!important}.wa-quick-replies span{border-color:#d1d7db!important;background:#fff!important;color:#008069!important;box-shadow:none!important}.notice.success,.notice.warning,.notice.danger{width:calc(100% - 28px);margin:8px auto!important;border-radius:10px!important;box-shadow:none!important}.gabo-wa-linked-strip{width:calc(100% - 28px);margin:8px auto!important;border-radius:10px!important;background:rgba(255,255,255,.86)!important}.gabo-wa-human-panel{display:none!important}.gabo-wa-compose{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 14px!important;border-top:1px solid #d1d7db!important;background:#f0f2f5!important}.gabo-wa-compose textarea{min-height:42px!important;max-height:116px!important;flex:1!important;border:0!important;border-radius:22px!important;background:#fff!important;padding:11px 15px!important;color:#111b21!important;font-size:14px!important;font-weight:500!important;resize:none!important}.gabo-wa-compose .wa-media-upload{width:42px!important;min-width:42px!important;height:42px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#54656f!important;overflow:hidden;cursor:pointer}.gabo-wa-compose .wa-media-upload span{font-size:0!important}.gabo-wa-compose .wa-media-upload span::before{content:"+";font-size:28px;line-height:1;color:#54656f}.gabo-wa-compose .wa-media-upload input{position:absolute;opacity:0;width:1px;height:1px}.gabo-wa-compose .button.primary{min-width:42px!important;width:42px!important;height:42px!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;background:#008069!important;color:#fff!important}.gabo-wa-compose .button.primary svg{width:18px;height:18px}.gabo-wa-compose .button.primary{font-size:0!important}.gabo-wa-compose .button.primary::after{content:"›";font-size:30px;line-height:1;transform:rotate(0deg);margin-top:-2px}.gabo-unified-messenger-compose[hidden]{display:none!important}.wa-empty{background:rgba(255,255,255,.76);border-radius:12px;color:#667781!important;box-shadow:0 1px .5px rgba(11,20,26,.13);padding:16px 18px!important;margin:auto!important}.ux-messenger-fab{background:rgba(0,128,105,.78)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 18px 46px rgba(0,0,0,.24)!important}.ux-messenger-popover{border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(22px)!important}.gabo-floating-thread{background:rgba(255,255,255,.72)!important;border-color:rgba(0,128,105,.14)!important;border-radius:16px!important}
@media(max-width:1100px){.view-whatsapp-history .gabo-wa-chat-shell,.view-whatsapp-inbox .gabo-wa-chat-shell{grid-template-columns:minmax(290px,350px) minmax(0,1fr)!important}.gabo-wa-thread-tags{display:none!important}}
@media(max-width:820px){.view-whatsapp-history .ux-main,.view-whatsapp-inbox .ux-main{padding:0!important}.view-whatsapp-history .gabo-wa-chat-head,.view-whatsapp-inbox .gabo-wa-chat-head{display:none!important}.view-whatsapp-history .gabo-wa-chat-shell,.view-whatsapp-inbox .gabo-wa-chat-shell{height:calc(100vh - 70px);min-height:560px!important;grid-template-columns:1fr!important;border:0!important}.view-whatsapp-history .gabo-wa-chat-list,.view-whatsapp-inbox .gabo-wa-chat-list{max-height:38vh}.gabo-wa-thread-panel .wa-bubbles{padding-left:12px!important;padding-right:12px!important}.wa-bubble{max-width:86%!important}.gabo-wa-compose{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}}


/* v12-rc-v350 - WhatsApp homologacao rescue */
.view-whatsapp-history .gabo-wa-chat-head,
.view-whatsapp-inbox .gabo-wa-chat-head{position:sticky;top:0;z-index:20;margin:-8px -8px 0!important;padding:8px 12px!important;border-radius:0!important;background:rgba(245,247,250,.88)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(17,27,33,.08)!important}
.view-whatsapp-history .gabo-wa-chat-head>div:first-child,
.view-whatsapp-inbox .gabo-wa-chat-head>div:first-child{display:none!important}
.gabo-wa-top-actions{justify-content:flex-end!important;align-items:center!important;gap:8px!important;overflow:visible!important}.gabo-wa-top-actions form{display:inline-flex!important;margin:0!important}.wa-icon-action,.wa-round-action{width:40px!important;height:40px!important;min-width:40px!important;border-radius:999px!important;padding:0!important;display:inline-grid!important;place-items:center!important;font-size:0!important}.wa-icon-action svg,.wa-round-action svg{width:18px!important;height:18px!important}.wa-icon-action img{width:19px!important;height:19px!important}.gabo-wa-priority-form select{width:42px!important;min-width:42px!important;height:40px!important;border-radius:999px!important;font-size:0!important;color:transparent!important;background:#fff!important;background-image:none!important}.gabo-wa-priority-form select option{font-size:13px!important;color:#111b21!important}.gabo-wa-ops-strip,.gabo-wa-ops-board{display:none!important}
.gabo-wa-chat-shell{height:calc(100vh - 72px)!important;min-height:640px!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid #d1d7db!important}.gabo-wa-chat-list{max-width:405px!important}.gabo-wa-sidebar-head{position:sticky!important;top:0!important;z-index:4!important;background:#fff!important;border-bottom:1px solid #e9edef!important}.gabo-wa-sidebar-title{padding:14px 16px 7px!important}.gabo-wa-sidebar-title h2{font-size:21px!important;font-weight:700!important;color:#111b21!important}.gabo-wa-sidebar-title span{background:#d9fdd3!important;color:#008069!important}.gabo-wa-chat-search{padding:0 12px 9px!important}.gabo-wa-chat-search input{height:38px!important;border:0!important;background:#f0f2f5!important;border-radius:999px!important;font-size:14px!important}.gabo-wa-filter-chips{padding:0 12px 10px!important}.gabo-wa-filter-chips button{height:34px!important;border-radius:999px!important;padding:0 15px!important;background:#fff!important;border:1px solid #d1d7db!important;color:#54656f!important}.gabo-wa-filter-chips button.active{background:#e7fce3!important;border-color:#b7efb0!important;color:#008069!important}.wa-conversation{min-height:72px!important;padding:11px 13px!important;grid-template-columns:49px minmax(0,1fr) 38px!important}.wa-conversation.active{background:#e9edef!important}.gabo-wa-thread-meta strong{font-size:15px!important;font-weight:700!important}.gabo-wa-thread-meta small{font-size:13px!important;font-weight:500!important}.gabo-wa-thread-badges{min-width:36px!important;align-items:flex-end!important;justify-content:flex-start!important}.gabo-wa-thread-badges small{display:none!important}.gabo-wa-thread-badges small.time,.gabo-wa-thread-badges small.warn,.gabo-wa-thread-badges small.fail,.gabo-wa-thread-badges small.group{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:18px!important;border-radius:999px!important;padding:0 5px!important;font-size:10px!important}.gabo-wa-thread-badges small.time{background:transparent!important;color:#667781!important;font-weight:600!important;padding:0!important}.gabo-wa-thread-badges small.warn{background:#25d366!important;color:#fff!important}.gabo-wa-thread-badges small.fail{background:#ef4444!important;color:#fff!important}.gabo-wa-thread-badges small.group{background:#e8e5ff!important;color:#5b21b6!important}.gabo-wa-thread-panel{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important}.gabo-wa-thread-header{min-height:62px!important;flex-shrink:0!important}.gabo-wa-thread-tags{display:none!important}.gabo-wa-thread-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}.wa-round-action{background:transparent!important;border:0!important;color:#54656f!important;box-shadow:none!important}.wa-round-action:hover{background:#dfe5e7!important}.wa-round-action.danger:hover{background:#fee2e2!important;color:#b91c1c!important}.gabo-wa-chat-unified .wa-bubbles,.gabo-wa-thread-panel .wa-bubbles{overflow:auto!important;flex:1 1 auto!important;min-height:0!important;padding-bottom:20px!important}.gabo-wa-linked-strip,.notice.success,.notice.warning,.notice.danger{display:none!important}.gabo-wa-compose{flex-shrink:0!important;position:sticky!important;bottom:0!important;z-index:5!important;min-height:62px!important}.gabo-wa-compose textarea:disabled{background:#fff!important;opacity:.75!important}.gabo-wa-compose textarea:disabled::placeholder{color:#7a8790!important}.gabo-wa-compose .button.primary::after{content:"➤"!important;font-size:18px!important;transform:none!important;margin:0!important}.gabo-wa-compose .button.primary svg{display:none!important}.wa-bubble{max-width:min(540px,68%)!important}.wa-bubble small{font-size:10px!important;color:#8696a0!important}.wa-quick-replies{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.wa-quick-replies span{border-radius:999px!important;padding:6px 10px!important;font-weight:800!important}.ux-messenger-popover{width:min(430px,calc(100vw - 28px))!important}.ux-messenger-mini-stream{max-height:260px!important;overflow:auto!important}.gabo-floating-thread{width:100%!important;text-align:left!important;border:0!important;cursor:pointer!important}.gabo-floating-thread.active{outline:2px solid rgba(0,128,105,.28)!important;background:rgba(217,253,211,.78)!important}.ux-messenger-mini-form{display:grid!important;grid-template-columns:1fr 42px auto!important;gap:8px!important;align-items:center!important}.ux-messenger-mini-form textarea{grid-column:1/2!important;min-height:42px!important;border-radius:22px!important;border:1px solid rgba(0,128,105,.18)!important;padding:10px 14px!important}.ux-messenger-mini-form .button.primary{grid-column:2/3!important;width:42px!important;height:42px!important;border-radius:999px!important;font-size:0!important;padding:0!important}.ux-messenger-mini-form .button.primary svg{width:18px!important;height:18px!important}.ux-messenger-mini-form a.button{grid-column:3/4!important;height:42px!important;border-radius:999px!important;align-items:center!important;display:inline-flex!important}.ux-messenger-fab{right:22px!important;bottom:22px!important;width:58px!important;height:58px!important;border-radius:22px!important;background:rgba(0,128,105,.86)!important}.ux-messenger-fab span{top:-5px!important;right:-5px!important;background:#ff8a00!important;color:#fff!important}
@media(max-width:900px){.gabo-wa-chat-shell{grid-template-columns:1fr!important}.gabo-wa-chat-list{max-height:36vh!important;max-width:none!important}.gabo-wa-thread-actions{gap:3px!important}.wa-round-action{width:36px!important;height:36px!important}.gabo-wa-top-actions{display:none!important}}

/* v12-rc-v351 - WhatsApp homologacao rescue UI Aurora */
.gabo-wa-chat-shell{border-radius:28px!important;border:1px solid rgba(15,118,110,.14)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 24px 80px rgba(15,23,42,.10)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important;height:calc(100vh - 150px)!important;min-height:620px!important}.gabo-wa-chat-list{background:rgba(248,250,252,.82)!important;border-right:1px solid rgba(15,118,110,.12)!important;max-width:420px!important}.gabo-wa-sidebar-head{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px)!important}.gabo-wa-sidebar-title h2{font-size:1.08rem!important;color:#0f172a!important;font-weight:900!important}.gabo-wa-chat-search input{height:42px!important;background:rgba(241,245,249,.92)!important;border:1px solid rgba(148,163,184,.20)!important;color:#0f172a!important}.gabo-wa-filter-chips button{border-radius:14px!important;border:1px solid rgba(15,118,110,.18)!important;background:rgba(255,255,255,.78)!important;color:#334155!important;font-weight:800!important}.gabo-wa-filter-chips button.active{background:linear-gradient(135deg,rgba(19,123,75,.13),rgba(34,197,94,.15))!important;color:#137b4b!important;border-color:rgba(19,123,75,.28)!important}.wa-conversation{border-bottom:1px solid rgba(148,163,184,.16)!important;background:transparent!important}.wa-conversation.active{background:linear-gradient(135deg,rgba(19,123,75,.12),rgba(255,255,255,.72))!important;box-shadow:inset 3px 0 0 #137b4b!important}.wa-avatar,.wa-avatar-thread{background:linear-gradient(135deg,#e2e8f0,#f8fafc)!important;color:#0f172a!important;font-weight:900!important}.gabo-wa-thread-panel{background:linear-gradient(135deg,rgba(248,250,252,.58),rgba(241,245,249,.72))!important}.gabo-wa-thread-header{background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(15,118,110,.12)!important;backdrop-filter:blur(12px)!important}.gabo-wa-thread-header h2{color:#0f172a!important;font-weight:900!important}.gabo-wa-thread-header small{color:#64748b!important}.gabo-wa-thread-actions{gap:6px!important}.wa-round-action,.wa-icon-action{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;padding:0!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(15,118,110,.12)!important;color:#0f766e!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important}.wa-round-action svg,.wa-icon-action svg{width:18px!important;height:18px!important}.wa-round-action:hover,.wa-icon-action:hover{background:rgba(19,123,75,.11)!important;color:#137b4b!important}.wa-round-action.danger,.wa-icon-action.danger{color:#b91c1c!important;border-color:rgba(185,28,28,.18)!important}.gabo-wa-chat-unified .wa-bubbles,.gabo-wa-thread-panel .wa-bubbles{background:radial-gradient(circle at top left,rgba(34,197,94,.06),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.44),rgba(241,245,249,.40))!important;padding:22px 6.5%!important}.wa-bubble{border-radius:18px!important;box-shadow:0 12px 26px rgba(15,23,42,.08)!important;border:1px solid rgba(148,163,184,.14)!important}.wa-bubble.in{background:rgba(255,255,255,.94)!important;border-top-left-radius:8px!important}.wa-bubble.out{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-top-right-radius:8px!important}.wa-bubble.in::before,.wa-bubble.out::after{display:none!important}.gabo-wa-compose{background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(15,118,110,.12)!important;backdrop-filter:blur(14px)!important;padding:12px 16px!important}.gabo-wa-compose textarea{border:1px solid rgba(15,118,110,.14)!important;background:rgba(248,250,252,.9)!important;border-radius:16px!important}.gabo-wa-compose .button.primary{border-radius:16px!important;background:linear-gradient(135deg,#137b4b,#16a34a)!important}.gabo-wa-ops-strip,.gabo-wa-ops-board{display:none!important}.ux-attendance-stack{position:fixed;right:22px;bottom:24px;z-index:80;width:min(390px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;transition:opacity .18s ease,transform .18s ease}.ux-attendance-stack.is-hidden{opacity:0;pointer-events:none;transform:translateY(18px) scale(.98)}.ux-attendance-stack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.54);background:rgba(255,255,255,.74);backdrop-filter:blur(22px);border-radius:22px;box-shadow:0 18px 50px rgba(15,23,42,.16)}.ux-attendance-stack-head strong{display:block;color:#0f172a;font-size:.94rem}.ux-attendance-stack-actions{display:flex;gap:6px}.ux-attendance-cards{display:grid;gap:10px;max-height:calc(100vh - 190px);overflow:auto;padding:2px}.ux-attendance-card{border:1px solid rgba(19,123,75,.16);background:rgba(255,255,255,.82);backdrop-filter:blur(24px);border-radius:24px;padding:12px;box-shadow:0 20px 60px rgba(15,23,42,.18)}.ux-attendance-card.active{outline:2px solid rgba(19,123,75,.20)}.ux-attendance-card-title{display:flex;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:0;margin:0 0 8px;cursor:pointer}.ux-attendance-avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#137b4b,#16a34a);color:#fff;display:grid;place-items:center;font-weight:900}.ux-attendance-card-title strong{display:block;color:#0f172a}.ux-attendance-card-title small{display:block;color:#64748b;font-weight:700}.ux-attendance-card p{font-size:.82rem;color:#475569;line-height:1.35;margin:0 0 10px;max-height:44px;overflow:hidden}.ux-attendance-card-form{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end}.ux-attendance-card-form textarea{min-height:42px;border-radius:16px;border:1px solid rgba(19,123,75,.18);background:rgba(248,250,252,.92);padding:10px 12px;resize:vertical;color:#0f172a}.ux-attendance-card-form .button.primary{width:42px;height:42px;border-radius:16px;padding:0;display:grid;place-items:center;background:linear-gradient(135deg,#137b4b,#16a34a)}.ux-attendance-card.empty{color:#64748b}.ux-attendance-restore{position:fixed;right:22px;bottom:24px;z-index:79;width:58px;height:58px;border-radius:22px;border:1px solid rgba(255,255,255,.58);background:rgba(19,123,75,.80);color:#fff;backdrop-filter:blur(20px);box-shadow:0 18px 46px rgba(15,23,42,.22);display:grid;place-items:center}.ux-attendance-restore.is-hidden{display:none}.ux-attendance-restore span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:#f97316;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}.ux-messenger-fab,.ux-messenger-popover{display:none!important}@media(max-width:800px){.gabo-wa-chat-shell{height:calc(100vh - 120px)!important;grid-template-columns:1fr!important}.gabo-wa-chat-list{max-width:none!important}.ux-attendance-stack{right:12px;bottom:14px;width:calc(100vw - 24px)}}


/* v12-rc-v352 - Caixa de Entrada: limpeza de homologacao Aurora */
.gabo-wa-chat-head{display:none!important}
.gabo-wa-ops-strip,.gabo-wa-ops-board{display:none!important}
.gabo-wa-chat-shell{height:calc(100vh - 128px)!important;min-height:600px!important;border-radius:26px!important;background:rgba(255,255,255,.72)!important}
.gabo-wa-thread-panel{position:relative!important;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(241,245,249,.64))!important}
.gabo-wa-thread-header{min-height:72px!important;padding:14px 18px!important}
.gabo-wa-thread-actions[hidden],.gabo-wa-thread-tags[hidden]{display:none!important}
.gabo-wa-thread-actions{margin-left:auto!important;gap:8px!important}
.wa-round-action{width:40px!important;height:40px!important;min-width:40px!important;border-radius:15px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(15,118,110,.15)!important;color:#0f766e!important;box-shadow:0 10px 26px rgba(15,23,42,.08)!important}
.wa-round-action:hover{transform:translateY(-1px)!important;background:rgba(236,253,245,.95)!important;border-color:rgba(20,184,166,.28)!important}
.wa-round-action.danger{color:#dc2626!important;border-color:rgba(220,38,38,.18)!important}
.wa-round-action.danger:hover{background:#fff1f2!important}
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-wa-thread-actions,
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-wa-thread-tags,
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-wa-compose,
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-unified-messenger-compose,
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-wa-linked-strip,
.gabo-wa-chat-unified[data-has-thread="0"] .gabo-wa-human-panel,
.gabo-wa-chat-unified[data-has-thread="0"] .notice{display:none!important}
.gabo-wa-chat-unified[data-has-thread="0"] .wa-bubbles{display:grid!important;place-items:center!important;background:radial-gradient(circle at 20% 15%,rgba(19,123,75,.08),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.74),rgba(248,250,252,.70))!important}
.gabo-wa-empty-state,.wa-empty{width:min(480px,88%)!important;display:grid!important;gap:8px!important;text-align:center!important;border:1px solid rgba(15,118,110,.12)!important;border-radius:24px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;padding:22px 24px!important;color:#64748b!important}
.gabo-wa-empty-state strong{font-size:1rem!important;color:#0f172a!important}
.gabo-wa-empty-state span{font-weight:700!important}
.gabo-wa-list-empty{padding:16px 18px!important;line-height:1.45!important;color:#64748b!important;font-weight:700!important}
.gabo-wa-compose{grid-template-columns:1fr auto 46px!important;gap:10px!important;padding:14px!important;background:rgba(255,255,255,.90)!important}
.gabo-wa-compose textarea{min-height:46px!important;max-height:120px!important;border-radius:18px!important}
.wa-media-upload{min-width:42px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:15px!important;overflow:hidden!important;font-size:0!important;background:rgba(241,245,249,.95)!important;border:1px solid rgba(15,118,110,.14)!important}
.wa-media-upload::before{content:"+";font-size:24px;font-weight:800;color:#475569;line-height:1}
.wa-media-upload span{display:none!important}
.wa-media-upload input{position:absolute!important;opacity:0!important;inset:0!important;cursor:pointer!important}
.gabo-wa-compose .button.primary{width:46px!important;height:46px!important;border-radius:16px!important;font-size:0!important;padding:0!important;display:grid!important;place-items:center!important}
.gabo-wa-compose .button.primary svg{width:18px!important;height:18px!important}
.ux-attendance-stack{right:26px!important;bottom:28px!important;z-index:95!important;width:min(360px,calc(100vw - 36px))!important}
.ux-attendance-stack.is-hidden{display:none!important}
.ux-attendance-restore{right:26px!important;bottom:28px!important;width:54px!important;height:54px!important;border-radius:20px!important;z-index:94!important;background:rgba(19,123,75,.72)!important;box-shadow:0 20px 48px rgba(15,23,42,.20)!important}
.ux-attendance-restore:hover{background:rgba(19,123,75,.92)!important;transform:translateY(-1px)!important}
.ux-attendance-card.empty{display:none!important}
@media(max-width:900px){.gabo-wa-chat-shell{height:calc(100vh - 108px)!important;grid-template-columns:1fr!important}.gabo-wa-chat-list{display:none!important}.ux-attendance-stack{right:12px!important;bottom:12px!important;width:calc(100vw - 24px)!important}.ux-attendance-restore{right:14px!important;bottom:14px!important}}


/* v354 - Inicio manual de conversas pela Caixa de Entrada */
.gabo-wa-sidebar-title{gap:8px}
.gabo-wa-sidebar-title .gabo-wa-start-trigger{margin-left:auto;width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(19,123,75,.12),rgba(34,197,94,.16))!important;color:#137b4b!important}
.gabo-wa-start-modal[hidden]{display:none!important}.gabo-wa-start-modal{position:fixed;inset:0;z-index:1700;display:grid;place-items:center;padding:24px}.gabo-wa-start-form{display:grid;gap:12px}.gabo-wa-start-form select[hidden]{display:none!important}.gabo-wa-start-phone,.gabo-wa-start-message{display:grid;gap:6px;font-size:.82rem;font-weight:900;color:#344054}.gabo-wa-start-phone input,.gabo-wa-start-message textarea,.gabo-wa-start-form>select{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:10px 12px;background:#fff;font-weight:800;outline:none}.gabo-wa-start-phone small{color:#667085;font-weight:700}.gabo-wa-start-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid rgba(15,23,42,.08)}@media(max-width:700px){.gabo-wa-start-actions{display:grid}.gabo-wa-start-actions .button{width:100%}}

/* v356 - Caixa de Entrada em tempo real */
.gabo-wa-realtime-status{display:inline-flex!important;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);margin:0 12px 8px;padding:5px 9px;border-radius:999px;background:rgba(241,245,249,.86);color:#475569;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gabo-wa-realtime-status::before{content:"";width:7px;height:7px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.15)}
.gabo-wa-realtime-status[data-tone="live"]{background:rgba(220,252,231,.82);color:#137b4b}
.gabo-wa-realtime-status[data-tone="live"]::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)}
.gabo-wa-realtime-status[data-tone="warn"]{background:rgba(255,247,237,.92);color:#9a3412}
.gabo-wa-realtime-status[data-tone="warn"]::before{background:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.16)}
.gabo-wa-realtime-status[data-tone="error"]{background:rgba(254,242,242,.92);color:#b91c1c}
.gabo-wa-realtime-status[data-tone="error"]::before{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16)}