/* Identidade da logomarca original: ouro, preto e branco. */
.recurring-choice{padding:17px 18px;border:1px solid #e6dcc0;border-radius:10px;background:#fcf9f0;margin:22px 0}
.recurring-choice label.checkbox{margin:0;font-size:13px;color:#6d5721}
.recurring-choice p{font-size:11px;margin:8px 0 0 26px;color:#84734b;line-height:1.7}
.billing-tabs{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid #e9e5d9;padding-bottom:12px}
.billing-tabs a{padding:10px 15px;font-size:12px;color:#88754b;border-radius:7px}
.billing-tabs a.active{background:#f2ecd9;color:#6d5721;font-weight:600}
:root {
  --ink: #29271f;
  --muted: #7b786d;
  --green: #786123;
  --lime: #d7c27d;
  --line: #e9e5d9;
  --canvas: #f8f7f3;
  --orange: #a96837;
  --gold: #b19a50;
  --gold-dark: #786123;
  --gold-soft: #f5f0df;
}
body { color: var(--ink); }
input,select,textarea { border-color: #ded9ca; }
input:focus,select:focus,textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px #f4eedb; }
input[readonly] { background: #f7f5ee; }
label { color: #625c49; }
p,.muted { color: #7b786d; }
.btn { color: #65552c; border-color: #ded6c1; }
.btn:hover { background: #f5f0df; }
.btn.primary { background: #786123; border-color: #786123; color: #fff; }
.btn.primary:hover { background: #5e4b1b; }
.text-link { color: #786123; }
.eyebrow,.section-kicker { color: #8a7540; }
.heading-dot { color: var(--gold); }
.brand { color: #29271f; letter-spacing: 0; }
.brand-logo { display: block; object-fit: contain; height: auto; }
.brand-name { font-size: 14px; font-weight: 600; letter-spacing: .2px; }
.sidebar { padding-top: 19px; overflow-y: auto; }
.sidebar .brand { flex-direction: column; gap: 9px; text-align: center; }
.sidebar .brand-logo { width: 118px; max-width: 100%; }
.sidebar .brand-name { font-size: 12px; }
.sidebar .workspace { margin-top: 22px; margin-bottom: 24px; }
.workspace-icon { background: #f5f0df; color: #8a7131; }
.workspace small,.nav-caption { color: #8a8576; }
.sidebar nav a { color: #746e5f; }
.sidebar nav a>span { color: #9a8857; }
.sidebar nav a.active { background: #f4efde; color: #6d5721; }
.sidebar nav a.active>span { color: #8a7131; }
.sidebar nav a:hover { background: #faf7ee; }
.help-card { background: #faf8f0; border-color: #eee7d5; }
.connection-dot { background: #ac9348; }
.avatar { background: #eee6ce; color: #77622e; }
.profile small,.logout { color: #8a8370; }
.topbar { background: #fffefb; color: #8f897c; }
.topbar strong,.today { color: #70664e; }
.env-pill { color: #806b32; border-color: #e6dcc0; background: #faf6e9; }
.demo-banner { color: #79662e; background: #f7f1dd; border-color: #e9ddb9; }
.date-range input { background: #fffefb; }
.period-form>div>small { color: #938b78; }
.stat-top { color: #7c7565; }
.stat>small { color: #8e8776; }
.stat-icon.green { background: #f5f0df; color: #977d36; }
.stat-icon.purple { background: #eeece7; color: #706c60; }
.stat-bottom { color: #8b7434; border-color: #f0ece1; }
.stat-bottom.neutral { color: #807a6b; }
.green-dot { background: #b19a50; }
.purple-dot { background: #8a8270; }
.green-bg,.bar.open { background: #b19a50; }
.pale-bg,.bar.paid { background: #e6d9af; }
.chart-label { color: #87784d; border-color: #e9e0c8; }
.chart-legend,.chart-axis,.chart-month>span { color: #867e6b; }
.chart-month>span small { color: #a29a86; }
.chart-bars { background: repeating-linear-gradient(to top,transparent 0,transparent 71px,#f0ece1 72px,#f0ece1 73px); border-color: #eee8da; }
.panel-heading p,.distribution-total>span { color: #918978; }
.status-stack { background: #f4f0e4; }
.stack-pago,.status-dot-pago { background: #8a7131; }
.stack-a-vencer,.status-dot-a-vencer { background: #cfbb79; }
.stack-confirmado,.status-dot-confirmado { background: #8b8370; }
.stack-cancelado,.stack-estornado,.stack-em-análise { background: #c6c0b0; }
.distribution-list>div { color: #827865; }
.distribution-list strong { color: #65542a; }
.counter { border-color: #e9dfc3; color: #8b753b; }
thead { background: #fdfbf6; }
th { color: #8d8268; border-color: #eee9dc; }
td { color: #776e59; border-color: #f1ede3; }
.customer-cell strong,.table-description { color: #65583a; }
.table-avatar { background: #f5efdf; color: #95804a; }
.row-sub { color: #9a917d; }
.amount { color: #4b422b; }
.row-action { color: #9b8548; border-color: #eae2cf; }
.row-action:hover { background: #f7f1df; }
.badge.a-vencer { background: #f7f0dc; color: #826923; }
.badge.pago { background: #f0ead8; color: #6e591f; }
.badge.confirmado { background: #eeebe3; color: #746b55; }
.badge.cancelado,.badge.em-análise { background: #f1efea; color: #817a6b; }
.empty-state>span { color: #bcaa71; }
.empty-state h3 { color: #776538; }
.empty-state p { color: #948b76; }
.list-summary strong { color: #7f6c39; }
.list-summary>span,.pagination { color: #92876c; }
.back-link { color: #8a7540; }
.info-icon { color: #957c37; background: #f3ecd7; }
.info-aside ul { color: #87754a; }
.note { background: #faf7ed; border-color: #ede4cc; color: #7e6e42; }
.detail-list dt { color: #8b8066; }
.timeline>div { border-color: #e9dfc4; }
.timeline-dot { background: #b19a50; box-shadow: 0 0 0 4px #faf6e9; }
.timeline small { color: #968a6f; }
.edit-panel summary { color: #88723d; }
.flash { background: #f5efda; color: #736026; border-color: #e8dbb3; }
.flash.error { background: #fcf0ea; color: #ac6d50; border-color: #f0d7c7; }
footer,footer span { color: #968d78; }
.auth-body { background: #f7f5ef; }
.login-wrap { border-color: #e8e1d1; box-shadow: 0 22px 85px #29271f0b; }
.login-story { background: #24221d; color: #dec987; padding-top: 31px; }
.login-story .brand { flex-direction: column; gap: 13px; color: #e4d29c; }
.login-story .brand-logo { width: 165px; padding: 8px; background: #fff; border-radius: 50%; }
.login-story .brand-name { font-size: 13px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; }
.story-copy { margin-top: 33px; }
.story-copy .eyebrow { color: #c4aa63; }
.story-copy h1 { color: #fffdf6; font-size: 39px; }
.story-copy p { color: #b8ae94; }
.login-story>small { color: #b2a278; line-height: 1.8; }
.sample-card { border-color: #d8bd6d28; background: #c4a6540d; }
.sample-card small { color: #bcad86; }
.sample-card strong { color: #f1e5bf; }
.sample-check { color: #e1c775; background: #b19a5022; }
.sample-chart span { background: #b19a5022; }
.sample-chart span:nth-child(6) { background: #b19a5055; }
.sample-chart span:nth-child(8) { background: #b19a5088; }
.login-help { color: #908674; }
.demo-credentials { background: #fcf9ef; border-color: #eae1c9; }
.demo-credentials strong { color: #8a7540; }
.demo-credentials small { color: #a0916e; }
.mobile-toggle { color: #786123; }
:focus-visible { outline-color: #b19a50; }
@media(max-width:950px) { .sidebar .brand-logo { width: 99px; } .sidebar .workspace { margin-top: 17px; } .story-copy h1 { font-size: 33px; } }
@media(max-width:680px) {
  .sidebar .brand-logo { width: 118px; }
  .login-story { padding: 24px; }
  .login-story .brand { flex-direction: row; justify-content: center; gap: 17px; }
  .login-story .brand-logo { width: 100px; padding: 4px; }
  .login-story .brand-name { font-size: 12px; line-height: 1.7; max-width: 110px; text-align: left; }
  .story-copy { margin-top: 19px; text-align: center; }
  .story-copy h1 { font-size: 29px; margin-top: 0; margin-bottom: 0; }
}
@media(max-height:800px) and (min-width:681px) {
  .sidebar .brand-logo { width: 87px; }
  .sidebar .workspace { margin-top: 15px; margin-bottom: 18px; }
  .sidebar nav { margin-bottom: 20px; }
}
