:root {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --ink: #1f2933;
  --muted: #687586;
  --line: #dfe4ea;
  --accent: #166e6a;
  --accent-2: #b8422d;
  --accent-3: #2f66b3;
  --ok: #237a4b;
  --warn: #a56a16;
  --bad: #b3261e;
  --shadow: 0 12px 28px rgba(31, 41, 51, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

button,
input,
select {
  font: inherit;
}

.topbar {
  align-items: center;
  background: #11242c;
  color: #fff;
  display: flex;
  justify-content: space-between;
  min-height: 76px;
  padding: 14px 28px;
}

.eyebrow {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 4px;
  text-transform: uppercase;
}

.topbar .eyebrow {
  color: #9fb5be;
}

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

h1 {
  font-size: 1.32rem;
  line-height: 1.2;
  margin-bottom: 0;
}

h2 {
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 0;
}

h3 {
  font-size: 1rem;
  margin-bottom: 0;
}

.topbar-actions,
.section-head,
.panel-head,
.segmented {
  align-items: center;
  display: flex;
  gap: 10px;
}

.topbar-actions,
.section-head,
.panel-head {
  justify-content: space-between;
}

.primary-button,
.text-button,
.icon-button,
.nav-item,
.segment {
  border: 0;
  cursor: pointer;
}

.primary-button {
  background: var(--accent);
  border-radius: 7px;
  color: #fff;
  font-weight: 700;
  min-height: 40px;
  padding: 0 14px;
}

.icon-button {
  background: #eaf2f1;
  border-radius: 7px;
  color: var(--accent);
  font-size: 1.1rem;
  font-weight: 900;
  height: 40px;
  width: 40px;
}

.text-button {
  background: transparent;
  color: var(--accent-3);
  font-weight: 700;
  padding: 6px 0;
}

.shell {
  display: grid;
  grid-template-columns: 228px minmax(0, 1fr);
  min-height: calc(100vh - 76px);
}

.sidebar {
  background: #fff;
  border-right: 1px solid var(--line);
  padding: 22px 14px;
}

.nav-item {
  background: transparent;
  border-radius: 7px;
  color: var(--muted);
  display: block;
  font-weight: 750;
  margin-bottom: 6px;
  padding: 12px 14px;
  text-align: left;
  width: 100%;
}

.nav-item.active,
.nav-item:hover {
  background: #e8f3f2;
  color: var(--accent);
}

.content {
  min-width: 0;
  padding: 24px;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

.section-head {
  margin-bottom: 18px;
}

.select-label,
.form-grid label {
  color: var(--muted);
  display: grid;
  font-size: 0.82rem;
  font-weight: 750;
  gap: 6px;
}

input,
select,
textarea {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--ink);
  min-height: 40px;
  padding: 8px 10px;
}

textarea {
  resize: vertical;
  width: 100%;
}

.kpi-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 14px;
}

.kpi,
.panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.kpi {
  display: grid;
  gap: 10px;
  min-height: 105px;
  padding: 18px;
}

.kpi span,
.panel-head span,
td,
.import-zone p,
.log-list,
.audit-list {
  color: var(--muted);
}

.kpi strong {
  font-size: 1.38rem;
}

.dashboard-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr;
}

.panel {
  margin-bottom: 14px;
  padding: 16px;
}

.bars {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.bar-row {
  display: grid;
  gap: 6px;
}

.bar-row[data-client-history] {
  cursor: pointer;
}

.bar-row[data-client-history]:hover strong {
  color: var(--accent-2);
}

.bar-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 0;
}

.bar-track {
  background: #edf1f3;
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}

.bar-fill {
  background: var(--accent-3);
  height: 100%;
}

.import-zone {
  align-items: center;
  background: #fff;
  border: 1px dashed #9bb6bc;
  border-radius: 8px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(190px, 280px) 1fr;
  margin-bottom: 14px;
  padding: 22px;
}

.import-zone.dragging {
  background: #e8f3f2;
  border-color: var(--accent);
}

.import-zone input {
  min-height: 48px;
  width: 100%;
}

.compact-import {
  box-shadow: none;
  margin-bottom: 0;
  padding: 14px;
}

.status-pill {
  background: #eef4f3;
  border: 1px solid #cfe1df;
  border-radius: 999px;
  color: var(--accent);
  font-size: 0.82rem;
  font-weight: 800;
  padding: 8px 11px;
}

.status-pill.bad,
.login-error {
  color: #b42318;
}

.table-wrap {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  border-bottom: 1px solid var(--line);
  font-size: 0.88rem;
  padding: 11px 8px;
  text-align: left;
}

th {
  color: var(--ink);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.log-list,
.audit-list,
.invoice-list {
  display: grid;
  gap: 10px;
}

.log-item,
.audit-item,
.invoice-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
}

.log-item.error {
  border-left: 4px solid var(--bad);
}

.log-item.warning {
  border-left: 4px solid var(--warn);
}

.log-item.success {
  border-left: 4px solid var(--ok);
}

.segmented {
  background: #e8edf0;
  border-radius: 8px;
  padding: 4px;
}

.segment {
  background: transparent;
  border-radius: 6px;
  color: var(--muted);
  font-weight: 750;
  min-height: 34px;
  padding: 0 10px;
}

.segment.active {
  background: #fff;
  color: var(--ink);
}

.invoice-card {
  display: grid;
  gap: 12px;
}

.invoice-top {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.invoice-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chip {
  background: #f0f3f5;
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 750;
  padding: 6px 9px;
}

.chip.ok {
  background: #e4f4eb;
  color: var(--ok);
}

.chip.warn {
  background: #fff3dc;
  color: var(--warn);
}

.chip.bad {
  background: #fde8e6;
  color: var(--bad);
}

.invoice-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.invoice-toolbar {
  display: grid;
  gap: 12px;
}

.invoice-filters {
  margin-bottom: 0;
}

.bulk-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bulk-actions span {
  color: var(--muted);
  font-weight: 750;
}

.invoice-select,
.email-edit {
  color: var(--muted);
  display: flex;
  font-size: 0.82rem;
  font-weight: 750;
  gap: 8px;
}

.invoice-select {
  align-items: center;
  margin-bottom: 6px;
}

.invoice-select input {
  min-height: auto;
}

.email-edit {
  align-items: start;
  flex-direction: column;
}

.email-edit input {
  max-width: 420px;
  width: 100%;
}

.modal-backdrop {
  background: rgba(17, 36, 44, 0.58);
  inset: 0;
  overflow-y: auto;
  padding: 24px;
  position: fixed;
  z-index: 30;
}

.modal-backdrop[hidden] {
  display: none;
}

.modal {
  background: #f6f7f9;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 1120px;
  min-height: calc(100vh - 48px);
  padding: 18px;
}

.billing-modal {
  max-width: 720px;
  min-height: auto;
}

.auth-modal {
  max-width: 520px;
  min-height: auto;
}

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

.auth-form label {
  display: grid;
  gap: 6px;
  font-weight: 800;
}

.muted {
  color: var(--muted);
  margin: 0;
}

.billing-steps {
  display: grid;
  gap: 10px;
}

.billing-step {
  background: #fff;
  border: 1px solid var(--line);
  border-left: 5px solid var(--accent-3);
  border-radius: 8px;
  padding: 12px 14px;
}

.billing-step p {
  color: var(--muted);
  margin: 4px 0 0;
}

.billing-step.success {
  border-left-color: var(--ok);
}

.billing-step.warning {
  border-left-color: var(--warn);
}

.billing-step.error {
  border-left-color: var(--bad);
}

.modal-bar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.modal-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.invoice-document {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  color: #17202a;
  margin: 0 auto;
  max-width: 1060px;
  min-height: 720px;
  padding: 34px;
}

.doc-header,
.doc-summary {
  align-items: start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.doc-header {
  border-bottom: 3px solid #dc3730;
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.doc-header h1 {
  color: #111;
  font-size: 1.8rem;
}

.doc-logo {
  display: block;
  height: auto;
  margin-bottom: 14px;
  max-width: 240px;
}

.doc-total,
.doc-summary > div,
.doc-grid > div {
  background: #f4f7f8;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
}

.doc-total span,
.doc-summary span,
.doc-grid span {
  color: var(--muted);
  display: block;
  font-size: 0.74rem;
  font-weight: 800;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.doc-total strong {
  color: var(--accent);
  font-size: 1.45rem;
}

.doc-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.doc-section {
  margin-bottom: 18px;
}

.doc-section h3 {
  color: #111;
  margin-bottom: 8px;
}

.doc-section p {
  color: #384756;
  line-height: 1.45;
  margin-bottom: 8px;
}

.doc-section table th {
  background: #dc3730;
  color: #fff;
}

.doc-section table td {
  color: #111;
}

.fx-matrix th {
  background: #dc3730;
  color: #fff;
}

.fx-matrix td,
.fx-matrix th {
  border: 2px solid #fff;
  text-align: center;
}

.fx-cell-input {
  background: transparent;
  border: 0;
  min-height: 28px;
  padding: 3px 4px;
  text-align: center;
  width: 100%;
}

.fx-cell-input:focus {
  background: #fff;
  outline: 2px solid #111;
}

.fx-matrix td:first-child,
.fx-matrix th:first-child {
  text-align: left;
}

.fx-vanguard td {
  background: #fff4ef;
  outline: 2px solid #111;
  outline-offset: -4px;
}

.fx-iof td {
  background: #f8c198;
}

.fx-iof:nth-child(even) td {
  background: #cfe1f6;
}

.doc-section table td,
.doc-section table th {
  vertical-align: top;
}

.doc-summary {
  margin-bottom: 18px;
}

.form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.form-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 240px));
}

.empty {
  color: var(--muted);
  padding: 20px;
  text-align: center;
}

@media (max-width: 980px) {
  .shell,
  .dashboard-grid,
  .import-zone {
    grid-template-columns: 1fr;
  }

  .sidebar {
    border-bottom: 1px solid var(--line);
    border-right: 0;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 10px;
  }

  .nav-item {
    margin-bottom: 0;
    white-space: nowrap;
    width: auto;
  }

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

@media (max-width: 640px) {
  .topbar,
  .section-head,
  .invoice-top {
    align-items: stretch;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .content {
    padding: 16px;
  }

  .kpi-grid,
  .form-grid,
  .form-grid.compact {
    grid-template-columns: 1fr;
  }

  .segmented {
    overflow-x: auto;
  }

  .modal-bar,
  .doc-header,
  .doc-summary {
    align-items: stretch;
    flex-direction: column;
  }

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

@media print {
  body > *:not(.modal-backdrop) {
    display: none !important;
  }

  .modal-backdrop {
    background: #fff;
    inset: auto;
    padding: 0;
    position: static;
  }

  .modal {
    background: #fff;
    min-height: auto;
    padding: 0;
  }

  .modal-bar {
    display: none;
  }

  .invoice-document {
    border: 0;
    box-shadow: none;
    max-width: none;
    min-height: auto;
    padding: 12mm;
  }
}

/* ===== V3.6.2 — identidade visual aprovada ===== */
:root{--navy:#0d2b38;--navy-2:#123b4c;--mint:#e3f5f1;--mint-strong:#0a9a83;--surface:#f6f8fa}
body{background:var(--surface)}
.topbar{background:linear-gradient(105deg,var(--navy),var(--navy-2));min-height:76px;padding:0 28px;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.topbar h1{font-size:1.28rem;letter-spacing:-.02em}.topbar .eyebrow{color:#b9d9e4}
.shell{grid-template-columns:282px minmax(0,1fr)}
.sidebar{background:#fff;border-right:1px solid #dfe7eb;padding:18px 16px;gap:5px}
.nav-item{border-radius:9px;padding:13px 15px;font-size:.95rem;color:#173344;font-weight:650;transition:.15s ease}
.nav-item.active,.nav-item:hover{background:var(--mint);color:#087966;box-shadow:none}
.content{padding:26px 30px 44px;max-width:none;width:100%}
.section-head h2{font-size:1.55rem;letter-spacing:-.025em}.section-head{margin-bottom:16px}
.panel{border:1px solid #dfe6ea;border-radius:12px;box-shadow:0 2px 7px rgba(13,43,56,.035)}
.primary-button{background:#079b87;border-color:#079b87;border-radius:8px;box-shadow:none}.primary-button:hover{background:#078675}
.text-button,.secondary-button{border-radius:8px}
input,select,textarea{border-radius:7px;border-color:#cedae0;min-height:40px}
table thead th{background:#f4f8fa;color:#173544;font-size:.72rem}table tbody tr:hover{background:#f8fbfc}
.status-pill{background:#eef8f6;color:#087966;border:1px solid #cde9e3}
.manual-choice-tabs{display:flex;gap:8px;border-bottom:1px solid #dce5e9;margin:4px 0 14px;max-width:760px}
.manual-choice{min-width:330px;border:1px solid #dbe4e8;border-bottom:0;background:#f5f8fa;border-radius:10px 10px 0 0;padding:14px 20px;display:flex;gap:14px;align-items:center;text-align:left;color:#173344;cursor:pointer}
.manual-choice.active{background:#fff;box-shadow:inset 0 -3px #0a9a83}.manual-choice strong{display:block;font-size:1.02rem}.manual-choice small{display:block;margin-top:3px;color:#667d87}.manual-choice-icon{font-size:1.55rem;color:#123b4c}
.manual-launch-panel{min-height:350px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px}.manual-launch-copy{max-width:820px}.manual-launch-copy h3{font-size:1.5rem;margin:12px 0 8px}.manual-launch-copy p{color:#627781;line-height:1.55}.manual-launch-badge{display:inline-block;background:var(--mint);color:#087966;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.manual-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.manual-flow-grid div{border:1px solid #dce6e9;background:#fafcfd;border-radius:10px;padding:16px;display:flex;gap:10px;align-items:center}.manual-flow-grid b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--mint);color:#087966}.manual-flow-grid span{font-size:.82rem;font-weight:700}.manual-launch-button{white-space:nowrap;padding:13px 18px}
/* Formulários manuais em formato amplo, semelhante à tela aprovada */
#manualInvoiceModal .modal-card,.manual-nfse-modern .modal-card{width:min(1320px,96vw)!important;max-width:min(1320px,96vw)!important;border-radius:13px!important;padding:0!important;overflow:hidden!important}
#manualInvoiceModal .modal-head,.manual-nfse-modern .modal-head{padding:22px 24px 16px;border-bottom:1px solid #dfe7ea;background:#fff}
#manualInvoiceModal .form-grid,.manual-nfse-modern .form-grid{padding:18px 24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#manualInvoiceModal #miServices{padding:0 24px}#manualInvoiceModal #miServices .form-grid{padding:12px 0;grid-template-columns:1.35fr 1.5fr .7fr .85fr 1fr .55fr;align-items:end}
#manualInvoiceModal .panel-head{padding:14px 24px 0}.modal-backdrop{background:rgba(7,29,38,.52);backdrop-filter:blur(1px)}
@media(max-width:1000px){.shell{grid-template-columns:220px minmax(0,1fr)}.manual-flow-grid{grid-template-columns:1fr 1fr}.manual-launch-panel{align-items:flex-start;flex-direction:column}.manual-choice{min-width:0;flex:1}#manualInvoiceModal .form-grid,.manual-nfse-modern .form-grid{grid-template-columns:1fr 1fr}}

/* V3.6.3 — correção dos modais de emissão manual */
#manualInvoiceModal,
.manual-nfse-modern {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 28px 20px;
}
#manualInvoiceModal[hidden],
.manual-nfse-modern[hidden] { display: none !important; }
#manualInvoiceModal .modal-card,
.manual-nfse-modern .modal-card {
  box-sizing: border-box;
  position: relative;
  width: min(1320px, 96vw) !important;
  max-width: min(1320px, 96vw) !important;
  max-height: calc(100vh - 56px) !important;
  min-height: 0;
  margin: 0 auto;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #fff !important;
  border: 1px solid #dce5e9;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(7, 29, 38, .28);
  color: var(--text);
}
#manualInvoiceModal .modal-head,
.manual-nfse-modern .modal-head {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid #dfe7ea;
  background: #fff;
}
#manualInvoiceModal .modal-head h2,
.manual-nfse-modern .modal-head h2 { margin: 4px 0 0; }
#manualInvoiceModal > .modal-card > .form-grid,
.manual-nfse-modern > .modal-card > .form-grid {
  padding: 20px 24px 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
#manualInvoiceModal .panel-head { padding: 12px 24px 0; }
#manualInvoiceModal #miServices { padding: 0 24px 8px; }
#manualInvoiceModal #miServices .form-grid {
  padding: 12px 0;
  grid-template-columns: 1.25fr 1.45fr .65fr .85fr 1fr .55fr;
  gap: 12px;
  align-items: end;
}
#manualInvoiceModal #miError,
.manual-nfse-modern #mnWarn { margin-left: 24px !important; margin-right: 24px !important; }
#manualInvoiceModal .modal-card > div:last-child,
.manual-nfse-modern .modal-card > div:last-child {
  padding: 14px 24px 22px;
}
#manualInvoiceModal label,
.manual-nfse-modern label { min-width: 0; }
#manualInvoiceModal input,
#manualInvoiceModal select,
.manual-nfse-modern input,
.manual-nfse-modern select { width: 100%; min-width: 0; }
@media (max-width: 1000px) {
  #manualInvoiceModal > .modal-card > .form-grid,
  .manual-nfse-modern > .modal-card > .form-grid { grid-template-columns: 1fr 1fr; }
  #manualInvoiceModal #miServices .form-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  #manualInvoiceModal, .manual-nfse-modern { padding: 10px; }
  #manualInvoiceModal .modal-card, .manual-nfse-modern .modal-card { width: 100% !important; max-width: 100% !important; max-height: calc(100vh - 20px) !important; }
  #manualInvoiceModal > .modal-card > .form-grid,
  .manual-nfse-modern > .modal-card > .form-grid,
  #manualInvoiceModal #miServices .form-grid { grid-template-columns: 1fr; }
}

/* V3.6.4 — busca e gestão de documentos manuais */
.manual-launch-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary-button{border:1px solid #cfdcdf;background:#fff;color:#17313a;padding:12px 16px;border-radius:8px;font-weight:800;cursor:pointer}.secondary-button:hover{background:#f4f8f9}.manual-search-panel{margin-top:14px}.manual-search-filters{grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(170px,1fr);margin-bottom:16px}.manual-doc-actions{display:flex;gap:7px;flex-wrap:wrap}.manual-doc-actions button{white-space:nowrap}
@media(max-width:800px){.manual-search-filters{grid-template-columns:1fr}.manual-launch-actions{width:100%}.manual-launch-actions button{flex:1}}

/* V3.6.7 — administração */
.danger-button{border:1px solid #b42318;background:#b42318;color:#fff;border-radius:7px;padding:10px 14px;font-weight:800;cursor:pointer}.danger-button:disabled{opacity:.45;cursor:not-allowed}


/* Dashboard gerencial V3.6.12 */
.kpi-grid-primary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kpi-grid-secondary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kpi-feature { min-height: 128px; align-content: start; }
.kpi-feature > span { font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; }
.kpi-feature > strong { font-size: 1.55rem; }
.kpi-feature > small, .kpi-compact small { color: var(--muted); }
.kpi-compact { min-height: 88px; gap: 6px; padding: 14px 16px; }
.kpi-compact strong { font-size: 1.25rem; }
.kpi-split { display: flex; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 9px; }
.kpi-split small { color: var(--muted); }
.kpi-split b { color: var(--ink); margin-right: 3px; }
.aging-panel-featured { margin-top: 2px; }
.aging-subtitle { margin: 3px 0 0; font-size: .82rem; }
.aging-table th:nth-child(2), .aging-table td:nth-child(2) { width: 16%; }
.aging-table th:nth-child(3), .aging-table td:nth-child(3) { width: 22%; }
.aging-table th:nth-child(4), .aging-table td:nth-child(4) { width: 28%; }
.aging-share { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; }
.aging-track { height: 7px; background: #e8eef0; border-radius: 99px; overflow: hidden; }
.aging-track i { display: block; height: 100%; background: var(--accent); border-radius: inherit; }
@media (max-width: 1100px) {
  .kpi-grid-primary, .kpi-grid-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .kpi-grid-primary, .kpi-grid-secondary { grid-template-columns: 1fr; }
  .aging-share { grid-template-columns: 46px 1fr; }
}

/* V3.6.13 — Cobrança assistida */
.collection-overdue{background:#fff0ee!important;color:#b42318!important;border-color:#f7c5bf!important}.compact-action{padding:7px 10px;font-size:.78rem;margin-left:4px}.receivable-actions{min-width:220px}.collection-modal{max-width:880px}.collection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.collection-summary>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8fafb}.collection-summary span{display:block;font-size:.74rem;color:var(--muted);margin-bottom:4px}.collection-summary strong{font-size:.92rem}.collection-message-label{display:block;margin-top:14px}.collection-message-label textarea{width:100%;margin-top:6px;resize:vertical;line-height:1.5}.collection-attachment{margin-top:12px;padding:11px 13px;border:1px dashed var(--line);border-radius:9px;background:#f8fafb;color:var(--muted);font-size:.86rem}.collection-footer{justify-content:flex-end;margin-top:18px}@media(max-width:800px){.collection-summary{grid-template-columns:1fr 1fr}}