@import url('financeiro_v2.css');

:root{
  --bg:#f5f7fb;--dark:#111827;--muted:#6b7280;--primary:#2563eb;--green:#16a34a;--red:#dc2626;--orange:#f97316;
  --soft-border:#e9eef6;--panel-shadow:0 12px 30px rgba(15,23,42,.06)
}
*{box-sizing:border-box}
body{background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:#1f2937}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:#0f172a;color:white;position:fixed;left:0;top:0;bottom:0;padding:22px 18px;z-index:20;display:flex;flex-direction:column;overflow:hidden}.brand{font-size:22px;font-weight:800;display:flex;gap:12px;align-items:center;margin-bottom:18px;flex:0 0 auto}.brand i{color:#60a5fa}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:14px;margin:4px 0;font-weight:600}.sidebar nav a:hover{background:#1e293b;color:white}.content{margin-left:270px;width:calc(100% - 270px)}.topbar{height:76px;background:white;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.page{padding:26px}.top-actions{display:flex;align-items:center;gap:12px}.profile{display:flex;gap:8px;align-items:center;background:#f8fafc;padding:10px 12px;border-radius:14px}.notify{position:absolute;top:-6px;right:-6px}
.dashboard-header{background:white;border:1px solid var(--soft-border);border-radius:26px;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:var(--panel-shadow)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#2563eb}.period-filter{min-width:190px}.period-filter .form-select{background-color:#f8fafc;border-color:#e5e7eb;font-weight:700}
.metric{border-radius:22px;padding:20px;color:white;min-height:132px;box-shadow:0 15px 35px rgba(15,23,42,.08);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;background:rgba(255,255,255,.16);border-radius:999px}.metric-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center}.metric i{font-size:25px;opacity:.95}.metric span{display:block;margin-top:18px;font-weight:600;opacity:.95}.metric strong{font-size:25px;line-height:1.1}.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.green{background:linear-gradient(135deg,#16a34a,#4ade80)}.red{background:linear-gradient(135deg,#dc2626,#fb7185)}.orange{background:linear-gradient(135deg,#f97316,#fbbf24)}
.panel{background:white;border:1px solid var(--soft-border);border-radius:24px;padding:24px;box-shadow:var(--panel-shadow)}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel-title h5,.panel h5{font-weight:800;margin-bottom:2px}.panel-title small{color:#64748b}.quick{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:15px 0}.quick:last-child{border-bottom:0}.dashboard-table{font-size:14px}.dashboard-table thead th{color:#64748b;font-size:12px;text-transform:uppercase;white-space:nowrap}.dashboard-table td{border-color:#f1f5f9}.badge-soft{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.badge-soft.pago{background:#dcfce7;color:#166534}.badge-soft.aberto{background:#ffedd5;color:#9a3412}.badge-soft.atrasado{background:#fee2e2;color:#991b1b}.badge-soft.cancelado{background:#e5e7eb;color:#374151}
.table thead th{color:#64748b;font-size:13px;text-transform:uppercase}.btn{border-radius:12px}.form-control,.form-select{border-radius:12px;padding:12px}.login-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#2563eb)}.login-card{width:min(420px,94vw);background:white;padding:36px;border-radius:28px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.login-card h3{font-weight:800}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.content{margin-left:0;width:100%}.topbar{padding:0 14px}.page{padding:16px}.top-actions .profile{display:none}.dashboard-header{display:block}.period-filter{margin-top:16px;min-width:100%}}

/* V7.6 - Painel Inteligente Unificado */
.painel-hero{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--soft-border);border-radius:28px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:var(--panel-shadow)}
.metric-clean{min-height:152px}.metric-clean small{display:block;margin-top:8px;color:rgba(255,255,255,.92);font-weight:600;line-height:1.25}.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;padding:14px}.daily-grid span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.daily-grid b{display:block;margin-top:6px;font-size:17px}.alert-list{display:grid;gap:10px}.alert-card{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:#1f2937;border:1px solid #eef2f7;background:#f8fafc;border-radius:18px;padding:13px}.alert-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.06)}.alert-card i{font-size:22px}.alert-card b{display:block}.alert-card span{display:block;color:#64748b;font-size:13px}.alert-card.danger{background:#fff1f2;border-color:#fecdd3}.alert-card.danger i{color:#dc2626}.alert-card.warning{background:#fffbeb;border-color:#fde68a}.alert-card.warning i{color:#d97706}.alert-card.success{background:#f0fdf4;border-color:#bbf7d0}.alert-card.success i{color:#16a34a}.mini-list{display:grid;gap:10px}.mini-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:10px}.mini-list div:last-child{border-bottom:0}.mini-list span{font-weight:700;color:#334155}.mini-list b{white-space:nowrap}.ranked span{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991px){.painel-hero{display:block}.daily-grid{grid-template-columns:1fr}.metric-clean{min-height:132px}}

/* V7.7.2 - menu organizado */
.nav-group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);padding:14px 18px 4px;font-weight:700}
.sidebar-nav a{display:flex;align-items:center;gap:10px}
.top-actions form{display:inline-block}


/* V8.4.1 - menu recolhível e rolável */
.sidebar-nav{overflow-y:auto;overflow-x:hidden;padding-right:4px;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:#334155 transparent}
.sidebar-nav::-webkit-scrollbar{width:7px}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}
.nav-section{margin:6px 0;border-radius:14px}.nav-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;color:#e2e8f0;padding:12px 14px;border-radius:14px;font-weight:800;background:rgba(255,255,255,.04)}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary:after{content:'›';margin-left:auto;transition:.18s;font-size:18px}.nav-section[open] summary:after{transform:rotate(90deg)}.nav-section a{margin-left:10px;font-size:.94rem}.nav-section:not([open]){background:transparent}
@media(max-width:991px){.sidebar{overflow:hidden}.sidebar-nav{max-height:calc(100vh - 82px)}}

/* V10 - Dashboard inicial no padrão referência */
.dashboard-v10 .dash-toolbar{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.dashboard-v10 .dash-kpi,.dashboard-v10 .dash-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.dashboard-v10 .dash-kpi{padding:22px 24px}.dashboard-v10 .kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-v10 .kpi-top span{display:block;text-transform:uppercase;font-weight:900;font-size:13px}.dashboard-v10 .kpi-top small{display:block;color:#475569;font-weight:700;margin-top:8px}.dashboard-v10 .kpi-top i{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;font-size:30px}.dashboard-v10 .dash-kpi>strong{display:block;font-size:27px;margin-top:8px;color:#0f172a}.dashboard-v10 .trend{font-size:13px;font-weight:700;margin:14px 0 16px;color:#64748b}.dashboard-v10 .trend.up{color:#16a34a}.dashboard-v10 .kpi-grid{border-top:1px solid #e8edf5;padding-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-v10 .kpi-grid>div:not(:last-child){border-right:1px solid #e8edf5}.dashboard-v10 .kpi-grid small{display:block;color:#475569;font-weight:700;margin-bottom:5px}.dashboard-v10 .kpi-grid b{font-size:17px;color:#0f172a}.dashboard-v10 .accent-green .kpi-top span,.dashboard-v10 .accent-green .kpi-top i{color:#16a34a}.dashboard-v10 .accent-green .kpi-top i{background:#eaf8ef}.dashboard-v10 .accent-blue .kpi-top span,.dashboard-v10 .accent-blue .kpi-top i{color:#2563eb}.dashboard-v10 .accent-blue .kpi-top i{background:#eff6ff}.dashboard-v10 .accent-purple .kpi-top span,.dashboard-v10 .accent-purple .kpi-top i{color:#9333ea}.dashboard-v10 .accent-purple .kpi-top i{background:#f3e8ff}.dashboard-v10 .dash-card{padding:20px}.dashboard-v10 .dash-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dashboard-v10 .dash-card-title h5{font-size:16px;font-weight:900;margin:0}.dashboard-v10 .dash-card-title small,.dashboard-v10 .dash-card-title a{font-size:12px;font-weight:800;text-decoration:none}.dashboard-v10 .dashboard-tabs{gap:8px}.dashboard-v10 .dashboard-tabs .nav-link{border-radius:10px;font-size:12px;font-weight:900;color:#475569;background:#f8fafc}.dashboard-v10 .dashboard-tabs .nav-link.active{background:#2563eb;color:#fff}.dashboard-v10 .fluxo-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf5;padding:13px 0}.dashboard-v10 .fluxo-line.total{border-bottom:0;padding-top:18px}.dashboard-v10 .fluxo-line span{color:#334155;font-weight:700}.dashboard-v10 .fluxo-line b{color:#0f172a}.dashboard-v10 .dashboard-table{font-size:13px}.dashboard-v10 .dashboard-table thead th{font-size:11px;color:#64748b;text-transform:none;background:#fbfdff}.dashboard-v10 .dashboard-table td{vertical-align:middle;color:#334155}.dashboard-v10 .status-chip{display:inline-flex;align-items:center;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:900;background:#eaf2ff;color:#2563eb}.dashboard-v10 .status-chip.atrasado,.dashboard-v10 .status-chip.vencida{background:#fee2e2;color:#dc2626}.dashboard-v10 .status-chip.pago{background:#dcfce7;color:#15803d}.dashboard-v10 .status-chip.aberto{background:#fff7ed;color:#ea580c}.dashboard-v10 .mini-list{display:grid;gap:10px}.dashboard-v10 .mini-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:10px}.dashboard-v10 .mini-list div:last-child{border-bottom:0}.dashboard-v10 .mini-list span{font-weight:700;color:#334155}.dashboard-v10 .mini-list b{white-space:nowrap}.dashboard-v10 .ranked span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991px){.dashboard-v10 .dash-toolbar{display:block}.dashboard-v10 .period-filter{margin-top:12px}.dashboard-v10 .kpi-grid{grid-template-columns:1fr}.dashboard-v10 .kpi-grid>div:not(:last-child){border-right:0;border-bottom:1px solid #e8edf5;padding-bottom:10px}}

.top-period-form .form-select{min-width:150px;height:42px;border-radius:12px;font-weight:700;background:#f8fafc;border-color:#e5e7eb}
.alerts-menu{min-width:310px;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 16px 42px rgba(15,23,42,.14)}
.alert-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border-radius:10px;font-size:13px;font-weight:700;padding:9px 10px}.alert-item i{color:#2563eb}.alert-item b{background:#fee2e2;color:#dc2626;border-radius:999px;min-width:24px;text-align:center;padding:2px 7px}.dashboard-v10{margin-top:0}.dashboard-v10>.row:first-child{margin-top:0!important}

/* Ajustes dashboard V10.1 */
.dashboard-v10 .dashboard-status-wrap{height:205px;position:relative;}
.dashboard-v10 .dashboard-status-wrap canvas{max-height:185px!important;}
.dashboard-v10 #paymentChart{max-height:205px!important;}
.dashboard-v10 .produto-click{cursor:pointer;}
.dashboard-v10 .produto-click:hover td{background:#f8fafc;}
.dashboard-v10 .linha-vencida td{background:#fff1f2!important;}
.dashboard-v10 .status-chip.vencido,.dashboard-v10 .status-chip.atrasado{background:#fee2e2;color:#dc2626;}

/* Dashboard V10.1 - status chart height aligned with Faturamento x Despesas */
.dashboard-v10 .dashboard-status-wrap{height:250px!important;position:relative;overflow:hidden;}
.dashboard-v10 .status-chart-grid{height:250px;display:grid;grid-template-columns:minmax(155px,44%) minmax(170px,56%);align-items:center;gap:10px;}
.dashboard-v10 .status-canvas-box{height:210px;max-height:210px;display:flex;align-items:center;justify-content:center;}
.dashboard-v10 .status-canvas-box canvas{width:205px!important;height:205px!important;max-width:205px!important;max-height:205px!important;}
.dashboard-v10 .status-legend-list{display:grid;gap:0;align-content:center;min-width:0;}
.dashboard-v10 .status-legend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f7;font-size:13px;color:#475569;}
.dashboard-v10 .status-legend-row:last-child{border-bottom:0;}
.dashboard-v10 .status-dot{width:10px;height:10px;border-radius:3px;display:inline-block;}
.dashboard-v10 .status-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashboard-v10 .status-legend-row b{font-weight:900;color:#334155;white-space:nowrap;}
@media(max-width:1200px){.dashboard-v10 .status-chart-grid{grid-template-columns:1fr;height:auto}.dashboard-v10 .dashboard-status-wrap{height:auto!important;overflow:visible}.dashboard-v10 .status-canvas-box{height:190px}.dashboard-v10 .status-canvas-box canvas{width:185px!important;height:185px!important;}}

/* Dashboard V10.1.1 - links e gráfico formas de pagamento */
.dashboard-v10 .payment-chart-box{height:295px;max-height:295px;display:flex;align-items:center;justify-content:center;}
.dashboard-v10 .payment-chart-box canvas{width:287px!important;height:287px!important;max-width:287px!important;max-height:287px!important;}
.dashboard-v10 .payment-legend b{white-space:nowrap;}
.dashboard-v10 .dashboard-row-link{cursor:pointer;}
.dashboard-v10 .dashboard-row-link:hover td,.dashboard-v10 .dashboard-row-link:hover{background:#f8fafc;}
.dashboard-v10 .dashboard-table a,.dashboard-v10 .mini-list a{color:inherit;text-decoration:none;}
.dashboard-v10 .dashboard-table a:hover,.dashboard-v10 .mini-list a:hover{color:#2563eb;text-decoration:underline;}

/* Dashboard V10 - Formas de pagamento no padrão de lista vertical */
.dashboard-v10 .payment-chart-box{height:300px!important;max-height:300px!important;display:flex;align-items:center;justify-content:center;margin-top:4px;}
.dashboard-v10 .payment-chart-box canvas{width:300px!important;height:300px!important;max-width:300px!important;max-height:300px!important;}
.dashboard-v10 .payment-legend{margin-top:16px!important;gap:0!important;}
.dashboard-v10 .payment-legend div{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:14px;border-bottom:1px solid #e8edf5!important;padding:11px 0!important;}
.dashboard-v10 .payment-legend div:last-child{border-bottom:0!important;}
.dashboard-v10 .payment-legend span{position:relative;padding-left:22px;font-weight:700;color:#475569;}
.dashboard-v10 .payment-legend span:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:999px;background:#38a3e5;}
.dashboard-v10 .payment-legend div:nth-child(2) span:before{background:#ff5b83;}
.dashboard-v10 .payment-legend div:nth-child(3) span:before{background:#ff9f3f;}
.dashboard-v10 .payment-legend div:nth-child(4) span:before{background:#ffd05a;}
.dashboard-v10 .payment-legend div:nth-child(5) span:before{background:#51c4c5;}
.dashboard-v10 .payment-legend div:nth-child(6) span:before{background:#8b5cf6;}
.dashboard-v10 .payment-legend b{font-size:15px;font-weight:900;color:#0f172a;white-space:nowrap;text-align:right;}

/* V10.1.21 - Padrão visual operacional compacto para listas, relatórios e dashboards secundários
   Observação: o dashboard principal (.dashboard-v10) fica preservado. */
.page:not(:has(.dashboard-v10)){
  --erp-font-base:13px;
  --erp-font-small:11px;
  --erp-border:#e5ebf5;
  --erp-muted:#64748b;
  --erp-title:#0f172a;
  --erp-soft-bg:#f8fbff;
  --erp-radius:16px;
  font-size:var(--erp-font-base);
}
.page:not(:has(.dashboard-v10)) .container-fluid,
.page:not(:has(.dashboard-v10)) .container{max-width:100%;}
.page:not(:has(.dashboard-v10)) h1,
.page:not(:has(.dashboard-v10)) h2,
.page:not(:has(.dashboard-v10)) h3{font-weight:800;color:var(--erp-title);letter-spacing:-.02em;}
.page:not(:has(.dashboard-v10)) h4,
.page:not(:has(.dashboard-v10)) h5,
.page:not(:has(.dashboard-v10)) h6{font-weight:800;color:var(--erp-title);}
.page:not(:has(.dashboard-v10)) small,
.page:not(:has(.dashboard-v10)) .small{font-size:var(--erp-font-small);line-height:1.25;}

/* Cards e blocos compactos */
.page:not(:has(.dashboard-v10)) .card,
.page:not(:has(.dashboard-v10)) .panel,
.page:not(:has(.dashboard-v10)) .dash-card,
.page:not(:has(.dashboard-v10)) .vd-card,
.page:not(:has(.dashboard-v10)) .os-lista-card{
  border:1px solid var(--erp-border)!important;
  border-radius:var(--erp-radius)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  overflow:hidden;
}
.page:not(:has(.dashboard-v10)) .card-header,
.page:not(:has(.dashboard-v10)) .modal-header{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border-bottom:1px solid var(--erp-border)!important;
  padding:.7rem .9rem!important;
}
.page:not(:has(.dashboard-v10)) .card-body,
.page:not(:has(.dashboard-v10)) .panel{padding:.85rem!important;}
.page:not(:has(.dashboard-v10)) .card-title,
.page:not(:has(.dashboard-v10)) .panel-title h5{font-size:.95rem;margin-bottom:.15rem;}

/* Filtros com altura reduzida e alinhamento padrão OS */
.page:not(:has(.dashboard-v10)) form .form-label,
.page:not(:has(.dashboard-v10)) .form-label{
  font-size:.68rem!important;
  line-height:1.1!important;
  margin-bottom:.18rem!important;
  font-weight:800!important;
  color:var(--erp-muted)!important;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.page:not(:has(.dashboard-v10)) .form-control,
.page:not(:has(.dashboard-v10)) .form-select,
.page:not(:has(.dashboard-v10)) .input-group-text{
  height:32px!important;
  min-height:32px!important;
  border-radius:10px!important;
  font-size:.8rem!important;
  padding:.28rem .55rem!important;
  line-height:1.2!important;
  background-color:#fff;
}
.page:not(:has(.dashboard-v10)) textarea.form-control{height:auto!important;min-height:72px!important;line-height:1.25!important;}
.page:not(:has(.dashboard-v10)) .form-control-lg,
.page:not(:has(.dashboard-v10)) .form-select-lg{height:34px!important;min-height:34px!important;font-size:.82rem!important;padding:.3rem .6rem!important;}
.page:not(:has(.dashboard-v10)) .btn{
  border-radius:10px!important;
  font-size:.8rem!important;
  font-weight:700!important;
  padding:.32rem .62rem!important;
  line-height:1.2!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.28rem;
}
.page:not(:has(.dashboard-v10)) .btn-lg{height:34px!important;padding:.34rem .75rem!important;font-size:.82rem!important;}
.page:not(:has(.dashboard-v10)) .btn-sm{height:29px!important;padding:.22rem .46rem!important;font-size:.74rem!important;border-radius:8px!important;}
.page:not(:has(.dashboard-v10)) .row.g-3{--bs-gutter-x:.75rem;--bs-gutter-y:.65rem;}
.page:not(:has(.dashboard-v10)) .row.g-4{--bs-gutter-x:.85rem;--bs-gutter-y:.75rem;}

/* Tabelas compactas, fixas e legíveis */
.page:not(:has(.dashboard-v10)) .table{font-size:.8rem;line-height:1.22;margin-bottom:0;}
.page:not(:has(.dashboard-v10)) .table thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:#f8fafc!important;
  color:#475569!important;
  font-size:.68rem!important;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.045em;
  padding:.48rem .55rem!important;
  border-bottom:1px solid #dbe4ef!important;
  white-space:nowrap;
}
.page:not(:has(.dashboard-v10)) .table tbody td{
  padding:.44rem .55rem!important;
  vertical-align:middle!important;
  border-color:#edf2f7!important;
}
.page:not(:has(.dashboard-v10)) .table tbody tr{min-height:42px;}
.page:not(:has(.dashboard-v10)) .table-hover tbody tr:hover>*{background:#f8fbff!important;}
.page:not(:has(.dashboard-v10)) .table-responsive{border-radius:14px;scrollbar-width:thin;}
.page:not(:has(.dashboard-v10)) .table-responsive::-webkit-scrollbar{height:8px;width:8px;}
.page:not(:has(.dashboard-v10)) .table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}

/* Scroll operacional para listas/relatórios sem estourar a tela */
.page:not(:has(.dashboard-v10)) .lista-scroll,
.page:not(:has(.dashboard-v10)) .list-scroll,
.page:not(:has(.dashboard-v10)) .relatorio-scroll,
.page:not(:has(.dashboard-v10)) .dashboard-scroll,
.page:not(:has(.dashboard-v10)) .table-wrap,
.page:not(:has(.dashboard-v10)) .vendas-lista-scroll,
.page:not(:has(.dashboard-v10)) .os-lista-scroll-compacta,
.page:not(:has(.dashboard-v10)) .vd-table-wrap{
  max-height:calc(100vh - 320px);
  min-height:260px;
  overflow:auto!important;
  border-radius:14px;
}

/* Badges e status no padrão OS */
.page:not(:has(.dashboard-v10)) .badge,
.page:not(:has(.dashboard-v10)) .badge-soft,
.page:not(:has(.dashboard-v10)) .status-chip,
.page:not(:has(.dashboard-v10)) .vd-badge,
.page:not(:has(.dashboard-v10)) .venda-status-badge,
.page:not(:has(.dashboard-v10)) .os-status-badge{
  border-radius:999px!important;
  font-size:.66rem!important;
  font-weight:800!important;
  line-height:1!important;
  padding:.28rem .52rem!important;
  letter-spacing:.02em;
}
.page:not(:has(.dashboard-v10)) .text-bg-success,
.page:not(:has(.dashboard-v10)) .badge.bg-success{background:#dcfce7!important;color:#15803d!important;}
.page:not(:has(.dashboard-v10)) .text-bg-warning,
.page:not(:has(.dashboard-v10)) .badge.bg-warning{background:#fef3c7!important;color:#b45309!important;}
.page:not(:has(.dashboard-v10)) .text-bg-danger,
.page:not(:has(.dashboard-v10)) .badge.bg-danger{background:#fee2e2!important;color:#b91c1c!important;}
.page:not(:has(.dashboard-v10)) .text-bg-primary,
.page:not(:has(.dashboard-v10)) .badge.bg-primary{background:#dbeafe!important;color:#1d4ed8!important;}
.page:not(:has(.dashboard-v10)) .text-bg-info,
.page:not(:has(.dashboard-v10)) .badge.bg-info{background:#e0f2fe!important;color:#0369a1!important;}

/* KPIs e blocos superiores compactos, sem ocupar muito da tela */
.page:not(:has(.dashboard-v10)) .metric,
.page:not(:has(.dashboard-v10)) .dash-kpi,
.page:not(:has(.dashboard-v10)) .vd-kpi,
.page:not(:has(.dashboard-v10)) .tech-kpi,
.page:not(:has(.dashboard-v10)) .kpi-card{
  min-height:72px!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
.page:not(:has(.dashboard-v10)) .metric{padding:.75rem!important;}
.page:not(:has(.dashboard-v10)) .metric strong,
.page:not(:has(.dashboard-v10)) .vd-kpi h2,
.page:not(:has(.dashboard-v10)) .tech-kpi strong,
.page:not(:has(.dashboard-v10)) .kpi-card strong{font-size:1.45rem!important;line-height:1.05!important;}
.page:not(:has(.dashboard-v10)) .metric span,
.page:not(:has(.dashboard-v10)) .vd-kpi small,
.page:not(:has(.dashboard-v10)) .tech-kpi small{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.04em;font-weight:800;}

/* Dashboards secundários e relatórios */
.page:not(:has(.dashboard-v10)) canvas{max-height:280px;}
.page:not(:has(.dashboard-v10)) .dashboard-header,
.page:not(:has(.dashboard-v10)) .vd-hero,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern{
  border-radius:18px!important;
  padding:.8rem 1rem!important;
  margin-bottom:.85rem!important;
}
.page:not(:has(.dashboard-v10)) .dashboard-header h3,
.page:not(:has(.dashboard-v10)) .vd-hero h3,
.page:not(:has(.dashboard-v10)) .os-lista-hero-title h5{font-size:1.05rem!important;margin-bottom:.1rem!important;}
.page:not(:has(.dashboard-v10)) .dashboard-header small,
.page:not(:has(.dashboard-v10)) .vd-hero .opacity-75,
.page:not(:has(.dashboard-v10)) .os-lista-hero-title small{font-size:.76rem!important;}

/* Menus e modais de ação sem transparência */
.page:not(:has(.dashboard-v10)) .dropdown-menu{
  background:#fff!important;
  opacity:1!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.22)!important;
  z-index:1080!important;
  padding:.4rem!important;
}
.page:not(:has(.dashboard-v10)) .dropdown-item{border-radius:9px!important;font-size:.8rem!important;padding:.42rem .55rem!important;}
.page:not(:has(.dashboard-v10)) .dropdown-item:hover{background:#eef5ff!important;color:#0d6efd!important;}
.page:not(:has(.dashboard-v10)) .modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important;}

@media(max-width:992px){
  .page:not(:has(.dashboard-v10)){font-size:12.5px;}
  .page:not(:has(.dashboard-v10)) .lista-scroll,
  .page:not(:has(.dashboard-v10)) .list-scroll,
  .page:not(:has(.dashboard-v10)) .relatorio-scroll,
  .page:not(:has(.dashboard-v10)) .dashboard-scroll,
  .page:not(:has(.dashboard-v10)) .vendas-lista-scroll,
  .page:not(:has(.dashboard-v10)) .os-lista-scroll-compacta,
  .page:not(:has(.dashboard-v10)) .vd-table-wrap{max-height:calc(100vh - 360px);}
}

/* V10.1.23 - Contraste global para cabeçalhos escuros
   Corrige títulos escuros em áreas com fundo azul/degradê, sem alterar o dashboard principal. */
.page:not(:has(.dashboard-v10)) .config-hero,
.page:not(:has(.dashboard-v10)) .dashboard-header,
.page:not(:has(.dashboard-v10)) .vd-hero,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern,
.page:not(:has(.dashboard-v10)) .os-hero,
.page:not(:has(.dashboard-v10)) .os-form-hero,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern,
.page:not(:has(.dashboard-v10)) .tech-hero,
.page:not(:has(.dashboard-v10)) .agenda-hero,
.page:not(:has(.dashboard-v10)) .crm-hero,
.page:not(:has(.dashboard-v10)) .hero-operacional,
.page:not(:has(.dashboard-v10)) .page-hero,
.page:not(:has(.dashboard-v10)) .page-header{
  color:#fff!important;
}
.page:not(:has(.dashboard-v10)) .config-hero h1,
.page:not(:has(.dashboard-v10)) .config-hero h2,
.page:not(:has(.dashboard-v10)) .config-hero h3,
.page:not(:has(.dashboard-v10)) .dashboard-header h1,
.page:not(:has(.dashboard-v10)) .dashboard-header h2,
.page:not(:has(.dashboard-v10)) .dashboard-header h3,
.page:not(:has(.dashboard-v10)) .vd-hero h1,
.page:not(:has(.dashboard-v10)) .vd-hero h2,
.page:not(:has(.dashboard-v10)) .vd-hero h3,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern h1,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern h2,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern h3,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern h4,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern h5,
.page:not(:has(.dashboard-v10)) .os-hero h1,
.page:not(:has(.dashboard-v10)) .os-hero h2,
.page:not(:has(.dashboard-v10)) .os-hero h3,
.page:not(:has(.dashboard-v10)) .os-form-hero h1,
.page:not(:has(.dashboard-v10)) .os-form-hero h2,
.page:not(:has(.dashboard-v10)) .os-form-hero h3,
.page:not(:has(.dashboard-v10)) .os-form-hero h4,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern h1,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern h2,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern h3,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern h4,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern h5,
.page:not(:has(.dashboard-v10)) .tech-hero h1,
.page:not(:has(.dashboard-v10)) .tech-hero h2,
.page:not(:has(.dashboard-v10)) .tech-hero h3,
.page:not(:has(.dashboard-v10)) .tech-hero h4,
.page:not(:has(.dashboard-v10)) .agenda-hero h1,
.page:not(:has(.dashboard-v10)) .agenda-hero h2,
.page:not(:has(.dashboard-v10)) .agenda-hero h3,
.page:not(:has(.dashboard-v10)) .agenda-hero h4,
.page:not(:has(.dashboard-v10)) .crm-hero h1,
.page:not(:has(.dashboard-v10)) .crm-hero h2,
.page:not(:has(.dashboard-v10)) .crm-hero h3,
.page:not(:has(.dashboard-v10)) .hero-operacional h1,
.page:not(:has(.dashboard-v10)) .hero-operacional h2,
.page:not(:has(.dashboard-v10)) .hero-operacional h3,
.page:not(:has(.dashboard-v10)) .page-hero h1,
.page:not(:has(.dashboard-v10)) .page-hero h2,
.page:not(:has(.dashboard-v10)) .page-hero h3,
.page:not(:has(.dashboard-v10)) .page-header h1,
.page:not(:has(.dashboard-v10)) .page-header h2,
.page:not(:has(.dashboard-v10)) .page-header h3,
.page:not(:has(.dashboard-v10)) .page-title{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}
.page:not(:has(.dashboard-v10)) .config-hero p,
.page:not(:has(.dashboard-v10)) .config-hero small,
.page:not(:has(.dashboard-v10)) .dashboard-header p,
.page:not(:has(.dashboard-v10)) .dashboard-header small,
.page:not(:has(.dashboard-v10)) .vd-hero p,
.page:not(:has(.dashboard-v10)) .vd-hero small,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern p,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern small,
.page:not(:has(.dashboard-v10)) .os-hero p,
.page:not(:has(.dashboard-v10)) .os-hero small,
.page:not(:has(.dashboard-v10)) .os-form-hero p,
.page:not(:has(.dashboard-v10)) .os-form-hero small,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern p,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern small,
.page:not(:has(.dashboard-v10)) .tech-hero p,
.page:not(:has(.dashboard-v10)) .tech-hero small,
.page:not(:has(.dashboard-v10)) .agenda-hero p,
.page:not(:has(.dashboard-v10)) .agenda-hero small,
.page:not(:has(.dashboard-v10)) .crm-hero p,
.page:not(:has(.dashboard-v10)) .crm-hero small,
.page:not(:has(.dashboard-v10)) .hero-operacional p,
.page:not(:has(.dashboard-v10)) .hero-operacional small,
.page:not(:has(.dashboard-v10)) .page-hero p,
.page:not(:has(.dashboard-v10)) .page-hero small,
.page:not(:has(.dashboard-v10)) .page-header p,
.page:not(:has(.dashboard-v10)) .page-header small,
.page:not(:has(.dashboard-v10)) .hero-subtitle,
.page:not(:has(.dashboard-v10)) .page-subtitle{
  color:rgba(255,255,255,.88)!important;
}
.page:not(:has(.dashboard-v10)) .config-hero .badge,
.page:not(:has(.dashboard-v10)) .dashboard-header .badge,
.page:not(:has(.dashboard-v10)) .vd-hero .badge,
.page:not(:has(.dashboard-v10)) .vendas-hero-modern .badge,
.page:not(:has(.dashboard-v10)) .os-hero .badge,
.page:not(:has(.dashboard-v10)) .os-form-hero .badge,
.page:not(:has(.dashboard-v10)) .os-lista-hero-modern .badge,
.page:not(:has(.dashboard-v10)) .tech-hero .badge,
.page:not(:has(.dashboard-v10)) .agenda-hero .badge,
.page:not(:has(.dashboard-v10)) .crm-hero .badge,
.page:not(:has(.dashboard-v10)) .page-header .badge,
.page:not(:has(.dashboard-v10)) .page-hero .badge{
  background:#fff!important;
  color:#1d4ed8!important;
  text-shadow:none!important;
  border:1px solid rgba(255,255,255,.65)!important;
}


/* V10.1.36 - Dashboard inicial: KPIs clicáveis para dashboards operacionais */
.dashboard-v10 .dash-kpi-link{display:block;height:100%;color:inherit;text-decoration:none;border-radius:14px;}
.dashboard-v10 .dash-kpi-link:hover{text-decoration:none;}
.dashboard-v10 .dash-kpi-link .dash-kpi{transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.dashboard-v10 .dash-kpi-link:hover .dash-kpi{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.10);border-color:#cbd5e1;}
.dashboard-v10 .dash-kpi-link:focus-visible{outline:3px solid rgba(37,99,235,.30);outline-offset:3px;}

/* FASE 2A - Base visual segura pós MASTER STABLE
   Objetivo: modernização leve sem alterar regras de negócio, views ou fluxos transacionais. */
:root{
  --erp-fase2-bg:#f4f7fb;
  --erp-fase2-card:#ffffff;
  --erp-fase2-border:#e2e8f0;
  --erp-fase2-title:#0f172a;
  --erp-fase2-muted:#64748b;
  --erp-fase2-primary:#2563eb;
}

body{background:var(--erp-fase2-bg);}
.topbar{
  min-height:72px;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.topbar h5{letter-spacing:-.02em;color:var(--erp-fase2-title);}
.topbar small{font-weight:600;color:var(--erp-fase2-muted)!important;}

/* Alertas mais amigáveis e menos invasivos */
.page > .alert{
  border:1px solid #bfdbfe;
  border-left:4px solid var(--erp-fase2-primary);
  border-radius:14px;
  background:#eff6ff;
  color:#1e3a8a;
  box-shadow:0 8px 20px rgba(37,99,235,.06);
  font-weight:700;
}

/* Padronização visual leve dos blocos principais */
.card,.panel,.modal-content,.dropdown-menu{
  border-color:var(--erp-fase2-border)!important;
}
.card,.panel,.modal-content{
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}

/* Modais operacionais mais próximos do padrão desktop */
.modal-content{
  border-radius:18px!important;
  overflow:hidden;
}
.modal-header{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
.modal-title{font-weight:900;color:var(--erp-fase2-title);}
.modal-footer{
  background:#f8fafc;
  border-top:1px solid var(--erp-fase2-border);
}

/* Tabelas: leitura mais limpa sem mudar dados ou colunas */
.table thead th{font-weight:900;}
.table tbody tr{transition:background-color .12s ease;}
.table-hover tbody tr:hover>*{background:#f8fbff!important;}

/* Botões e inputs com padrão visual consistente */
.btn{box-shadow:none!important;}
.btn-primary,.btn-success,.btn-danger,.btn-warning{font-weight:800;}
.form-control:focus,.form-select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 .2rem rgba(37,99,235,.12);
}

/* Marcador técnico para auditoria FASE2A_LAYOUT_BASE */

/* FASE 2B - Componentes visuais compactos seguros
   Nenhum fluxo transacional alterado. Somente CSS, documentação e auditoria. */
:root{
  --erp-fase2b-radius:16px;
  --erp-fase2b-shadow:0 12px 28px rgba(15,23,42,.06);
  --erp-fase2b-soft:#f8fafc;
  --erp-fase2b-line:#dbe4ef;
}

/* Cards operacionais compactos */
.erp-card,.erp-kpi,.dashboard-card,.info-card,.resumo-card{
  border:1px solid var(--erp-fase2-border,#e2e8f0)!important;
  border-radius:var(--erp-fase2b-radius)!important;
  background:#fff!important;
  box-shadow:var(--erp-fase2b-shadow)!important;
}
.erp-card-header,.dashboard-card-header,.resumo-card-header{
  padding:.65rem .85rem!important;
  border-bottom:1px solid var(--erp-fase2b-line)!important;
  background:linear-gradient(180deg,#fff,var(--erp-fase2b-soft))!important;
  font-weight:900!important;
  color:var(--erp-fase2-title,#0f172a)!important;
}
.erp-card-body,.dashboard-card-body,.resumo-card-body{padding:.85rem!important;}

/* Listas com leitura desktop compacta */
.table-sm>:not(caption)>*>*{padding:.38rem .48rem!important;}
.table td,.table th{vertical-align:middle!important;}
.table thead th{
  background:#f8fafc!important;
  color:#334155!important;
  border-bottom:1px solid var(--erp-fase2b-line)!important;
  white-space:nowrap;
}
.table tbody td{border-color:#edf2f7!important;}

/* Filtros menos altos e mais alinhados */
.filter-bar,.filtros,.filters,.toolbar-filtros{
  border:1px solid var(--erp-fase2-border,#e2e8f0)!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:.75rem!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.filter-bar .form-control,.filter-bar .form-select,
.filtros .form-control,.filtros .form-select,
.filters .form-control,.filters .form-select,
.toolbar-filtros .form-control,.toolbar-filtros .form-select{
  min-height:36px!important;
  padding:.35rem .55rem!important;
  font-size:.9rem!important;
}

/* Modais com melhor aproveitamento de tela */
.modal-dialog{margin-top:1.25rem;margin-bottom:1.25rem;}
.modal-body{background:#fff;}
.modal-body .table-responsive{border-radius:14px;border:1px solid var(--erp-fase2-border,#e2e8f0);}

/* Badges e status mais legíveis */
.badge,.status-badge,.situacao-badge{
  border-radius:999px!important;
  padding:.38rem .62rem!important;
  font-weight:900!important;
  letter-spacing:.01em;
}

/* FASE2B_COMPONENTES_VISUAIS_SEGUROS */


/* FASE 2C - Listas e dashboards compactos seguros
   Nenhum fluxo transacional alterado. Somente CSS, documentação e auditoria.
   FASE2C_LISTAS_DASHBOARDS_SEGUROS */
:root{
  --erp-fase2c-head:#f1f5f9;
  --erp-fase2c-muted:#64748b;
  --erp-fase2c-row:#ffffff;
  --erp-fase2c-row-alt:#fbfdff;
  --erp-fase2c-border:#e5edf6;
}

/* Cabeçalhos de páginas mais compactos */
.page-header,.content-header,.erp-page-header,.titulo-pagina{
  margin-bottom:.85rem!important;
  padding:.8rem 1rem!important;
  border:1px solid var(--erp-fase2c-border)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
.page-header h1,.content-header h1,.erp-page-header h1,.titulo-pagina h1,
.page-header h2,.content-header h2,.erp-page-header h2,.titulo-pagina h2{
  margin:0!important;
  font-size:1.18rem!important;
  font-weight:900!important;
  color:#0f172a!important;
}
.page-header small,.content-header small,.erp-page-header small,.titulo-pagina small{
  color:var(--erp-fase2c-muted)!important;
}

/* Dashboards: cards com altura visual uniforme */
.dashboard-grid,.kpi-grid,.cards-grid,.erp-dashboard-grid{
  gap:.85rem!important;
}
.dashboard-grid .card,.kpi-grid .card,.cards-grid .card,.erp-dashboard-grid .card{
  min-height:96px;
  overflow:hidden;
}
.card .display-6,.card .display-5,.card .kpi-value,.erp-kpi-value{
  font-size:1.45rem!important;
  font-weight:950!important;
  line-height:1.05!important;
}
.card .text-muted,.erp-kpi-label,.kpi-label{
  color:var(--erp-fase2c-muted)!important;
  font-size:.82rem!important;
}

/* Tabelas longas com leitura melhor e menor altura */
.table-responsive.erp-scroll,.erp-table-scroll,.lista-scroll,.scroll-lista{
  max-height:62vh;
  overflow:auto;
  border:1px solid var(--erp-fase2c-border)!important;
  border-radius:16px!important;
  background:#fff;
}
.table-responsive.erp-scroll thead th,.erp-table-scroll thead th,.lista-scroll thead th,.scroll-lista thead th{
  position:sticky;
  top:0;
  z-index:2;
}
.table tbody tr:nth-child(even)>*{background:var(--erp-fase2c-row-alt)!important;}
.table tbody tr:nth-child(odd)>*{background:var(--erp-fase2c-row)!important;}
.table tbody tr:hover>*{background:#eef6ff!important;}

/* Ações em linha mais compactas */
.table .btn,.actions .btn,.acoes .btn,.btn-group-sm>.btn{
  padding:.28rem .48rem!important;
  border-radius:10px!important;
  font-size:.82rem!important;
  font-weight:800!important;
}

/* Formulários em cards: labels e espaçamentos mais desktop */
.card label,.erp-card label,.form-label{
  font-size:.78rem!important;
  font-weight:850!important;
  color:#475569!important;
  margin-bottom:.22rem!important;
}
.card .form-control,.card .form-select,.erp-card .form-control,.erp-card .form-select{
  min-height:36px!important;
}

/* Alertas e mensagens mais integradas ao layout */
.alert{
  border-radius:16px!important;
  border-width:1px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}

/* Marcador técnico: FASE 2C sem alteração de views, services, models ou migrations */

/* =========================================================
   FASE 2D - Modais, formulários e ações compactas seguras
   FASE2D_MODAIS_FORMULARIOS_SEGUROS
   Nenhum fluxo transacional alterado
   sem alteração de views, services, models ou migrations
   ========================================================= */
:root{
  --erp-fase2d-bg:#f8fafc;
  --erp-fase2d-border:#dbe4ef;
  --erp-fase2d-soft:#f1f5f9;
  --erp-fase2d-title:#0f172a;
  --erp-fase2d-muted:#64748b;
}
.modal-dialog{margin:.75rem auto!important;}
.modal-content{
  border:1px solid var(--erp-fase2d-border)!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
  overflow:hidden;
}
.modal-header{
  padding:.75rem 1rem!important;
  background:linear-gradient(180deg,#ffffff,var(--erp-fase2d-soft))!important;
  border-bottom:1px solid var(--erp-fase2d-border)!important;
}
.modal-title{font-size:1rem!important;font-weight:900!important;color:var(--erp-fase2d-title)!important;}
.modal-body{padding:1rem!important;background:#fff!important;}
.modal-footer{padding:.7rem 1rem!important;background:#fbfdff!important;border-top:1px solid var(--erp-fase2d-border)!important;}
.modal-body .row{row-gap:.55rem!important;}
.form-control,.form-select,.input-group-text{
  border-radius:12px!important;
  border-color:var(--erp-fase2d-border)!important;
}
.form-control:focus,.form-select:focus{
  box-shadow:0 0 0 .18rem rgba(37,99,235,.12)!important;
}
.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
.input-group>.form-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.btn{
  border-radius:12px!important;
  font-weight:800!important;
}
.btn-sm{border-radius:10px!important;}
.btn-toolbar,.action-bar,.acoes-topo,.erp-actions{
  gap:.45rem!important;
  flex-wrap:wrap!important;
}
.dropdown-menu{
  border:1px solid var(--erp-fase2d-border)!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.14)!important;
  padding:.35rem!important;
}
.dropdown-item{border-radius:12px!important;font-weight:750!important;}
.dropdown-item:hover{background:#eef6ff!important;}
.badge{border-radius:999px!important;font-weight:850!important;padding:.38em .62em!important;}
.breadcrumb{font-size:.82rem!important;margin-bottom:.65rem!important;}
.breadcrumb-item a{text-decoration:none!important;font-weight:800!important;}
.offcanvas,.toast{
  border-radius:18px!important;
  border:1px solid var(--erp-fase2d-border)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.14)!important;
}
/* Marcador técnico: FASE 2D segura apenas CSS/documentação/auditoria */

/* =========================================================
   FASE 2E - Responsividade, navegação e acabamento seguro
   FASE2E_RESPONSIVIDADE_NAVEGACAO_SEGURA
   Nenhum fluxo transacional alterado
   sem alteração de views, services, models ou migrations
   ========================================================= */
:root{
  --erp-fase2e-gap:.75rem;
  --erp-fase2e-nav:#0f172a;
  --erp-fase2e-nav-soft:#1e293b;
  --erp-fase2e-card:#ffffff;
  --erp-fase2e-border:#dbe4ef;
}
/* Navegação mais compacta e legível */
.navbar,.sidebar,.erp-sidebar,.menu-lateral{
  letter-spacing:.01em;
}
.navbar .nav-link,.sidebar .nav-link,.erp-sidebar .nav-link,.menu-lateral a{
  border-radius:12px!important;
  font-weight:800!important;
  padding:.5rem .7rem!important;
}
.navbar .nav-link:hover,.sidebar .nav-link:hover,.erp-sidebar .nav-link:hover,.menu-lateral a:hover{
  background:rgba(37,99,235,.09)!important;
}
/* Responsividade segura para telas menores */
@media (max-width: 992px){
  .container-fluid,.page,.erp-page,.content-wrapper{
    padding-left:.75rem!important;
    padding-right:.75rem!important;
  }
  .row{row-gap:var(--erp-fase2e-gap)!important;}
  .card,.erp-card,.modal-content{border-radius:16px!important;}
  .table-responsive,.erp-table-scroll,.lista-scroll,.scroll-lista{
    max-height:58vh!important;
  }
  .btn-toolbar,.action-bar,.acoes-topo,.erp-actions{
    width:100%!important;
  }
  .btn-toolbar .btn,.action-bar .btn,.acoes-topo .btn,.erp-actions .btn{
    flex:1 1 auto!important;
  }
}
@media (max-width: 576px){
  h1,.h1{font-size:1.28rem!important;}
  h2,.h2{font-size:1.14rem!important;}
  .card-header,.modal-header{padding:.65rem .75rem!important;}
  .card-body,.modal-body{padding:.75rem!important;}
  .form-control,.form-select{font-size:.92rem!important;}
  .table{font-size:.82rem!important;}
  .badge{font-size:.72rem!important;}
  .modal-dialog{margin:.35rem!important;}
}
/* Estados vazios e blocos informativos */
.empty-state,.erp-empty,.sem-registros{
  border:1px dashed var(--erp-fase2e-border)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  padding:1rem!important;
  color:#64748b!important;
  font-weight:750!important;
  text-align:center!important;
}
/* Impressão básica sem afetar regras */
@media print{
  .navbar,.sidebar,.erp-sidebar,.menu-lateral,.btn,.dropdown,.no-print{display:none!important;}
  .card,.erp-card{box-shadow:none!important;border:1px solid #ddd!important;}
  body{background:#fff!important;}
}
/* Marcador técnico: FASE 2E segura apenas CSS/documentação/auditoria */

/* FASE 2F.1 - remove auto incremento visual dos campos numéricos */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type=number]{ -moz-appearance:textfield; appearance:textfield; }
.erp-input-money,.erp-input-qty{font-variant-numeric:tabular-nums;text-align:right;}

/* V10.1.37 - Homologacao desktop: densidade visual para telas com escala alta.
   Ajuste apenas de layout/chrome; preserva mobile e workspaces de Cliente/Produto. */
@media (min-width: 992px){
  :root{--erp-desktop-sidebar:252px;}
  body{font-size:14px;}
  .sidebar{
    width:var(--erp-desktop-sidebar);
    padding:16px 14px;
  }
  .brand{
    font-size:20px;
    gap:10px;
    margin-bottom:12px;
  }
  .sidebar nav a{
    gap:9px;
    padding:9px 11px;
    margin:2px 0;
    border-radius:11px;
    font-size:.88rem;
  }
  .nav-group-title{
    padding:10px 14px 3px;
    font-size:.66rem;
  }
  .nav-section{
    margin:4px 0;
    border-radius:12px;
  }
  .nav-section summary{
    gap:8px;
    padding:9px 11px;
    border-radius:11px;
    font-size:.9rem;
  }
  .nav-section summary:after{font-size:16px;}
  .nav-section a{
    margin-left:6px;
    font-size:.84rem;
  }
  .content{
    margin-left:var(--erp-desktop-sidebar);
    width:calc(100% - var(--erp-desktop-sidebar));
  }
  .topbar{
    height:64px;
    min-height:64px;
    padding:0 20px;
  }
  .topbar h5{font-size:1rem;}
  .topbar small{font-size:.76rem;}
  .top-actions{gap:8px;}
  .profile{
    padding:7px 10px;
    border-radius:11px;
    font-size:.84rem;
  }
  .page{padding:18px;}
  .page > .alert{margin-bottom:.75rem;}
  .top-period-form .form-select{
    height:36px;
    min-width:132px;
    font-size:.82rem;
  }
  .global-search-button kbd{display:none;}
  .dashboard-v10 .row{
    --bs-gutter-x:1rem;
    --bs-gutter-y:1rem;
  }
  .dashboard-v10 .dash-toolbar{
    padding:14px 16px;
    border-radius:14px;
    gap:12px;
  }
  .dashboard-v10 .dash-kpi{padding:16px 18px;}
  .dashboard-v10 .kpi-top{gap:10px;}
  .dashboard-v10 .kpi-top span{font-size:12px;}
  .dashboard-v10 .kpi-top small{
    font-size:12px;
    margin-top:5px;
  }
  .dashboard-v10 .kpi-top i{
    width:48px;
    height:48px;
    font-size:24px;
  }
  .dashboard-v10 .dash-kpi>strong{
    font-size:22px;
    margin-top:6px;
  }
  .dashboard-v10 .trend{
    font-size:12px;
    margin:10px 0 12px;
  }
  .dashboard-v10 .kpi-grid{
    gap:8px;
    padding-top:10px;
  }
  .dashboard-v10 .kpi-grid small{
    font-size:11px;
    margin-bottom:3px;
  }
  .dashboard-v10 .kpi-grid b{font-size:15px;}
  .dashboard-v10 .dash-card{
    padding:15px;
    border-radius:12px;
  }
  .dashboard-v10 .dash-card-title{
    gap:10px;
    margin-bottom:12px;
  }
  .dashboard-v10 .dash-card-title h5{font-size:14px;}
  .dashboard-v10 .fluxo-line{padding:10px 0;}
  .dashboard-v10 .fluxo-line.total{padding-top:13px;}
  .dashboard-v10 .dashboard-table{font-size:12.5px;}
  .dashboard-v10 .dashboard-table thead th{font-size:10.5px;}
  .dashboard-v10 .status-chip{
    padding:4px 7px;
    border-radius:7px;
    font-size:10.5px;
  }
  .dashboard-v10 .mini-list{gap:8px;}
  .dashboard-v10 .mini-list div{padding-bottom:8px;}
  .dashboard-v10 .payment-chart-box{
    height:230px!important;
    max-height:230px!important;
  }
  .dashboard-v10 .payment-chart-box canvas{
    width:225px!important;
    height:225px!important;
    max-width:225px!important;
    max-height:225px!important;
  }
  .dashboard-v10 .payment-legend{margin-top:10px!important;}
  .dashboard-v10 .payment-legend div{
    gap:10px;
    padding:8px 0!important;
  }
  .dashboard-v10 .payment-legend span{
    padding-left:18px;
    font-size:12px;
  }
  .dashboard-v10 .payment-legend span:before{
    width:11px;
    height:11px;
  }
  .dashboard-v10 .payment-legend b{font-size:13px;}
  .dashboard-v10 .dashboard-status-wrap{
    height:220px!important;
  }
  .dashboard-v10 .status-chart-grid{
    height:220px;
    grid-template-columns:minmax(140px,42%) minmax(160px,58%);
    gap:8px;
  }
  .dashboard-v10 .status-canvas-box{
    height:180px;
    max-height:180px;
  }
  .dashboard-v10 .status-canvas-box canvas{
    width:175px!important;
    height:175px!important;
    max-width:175px!important;
    max-height:175px!important;
  }
  .dashboard-v10 .status-legend-row{
    grid-template-columns:12px minmax(0,1fr) auto;
    gap:8px;
    padding:9px 0;
    font-size:12px;
  }
  .dashboard-v10 .status-dot{
    width:9px;
    height:9px;
  }
}

@media (min-width: 1400px){
  .page{padding:20px;}
}
/* V10.1.38 - Homologacao UX objetiva: menu contextual e listas mais leves.
   Ajuste visual sem alterar fluxos, views, models ou regras transacionais. */
@media (min-width: 992px){
  .sidebar{overflow:hidden;}
  .sidebar-nav{padding-bottom:16px;}
  .nav-section:not([open]){background:transparent;margin:2px 0;}
  .nav-section:not([open]) summary{color:#cbd5e1;}
  .nav-section[open]{background:rgba(255,255,255,.035);}
  .nav-section[open] summary{margin-bottom:2px;}
  .nav-section summary span,
  .nav-section a{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .nav-section a i,.nav-section summary i{flex:0 0 auto;}
  .top-actions .global-search-button{min-width:38px;}
  .page{overflow-x:hidden;}

  .vendas-hero-modern,
  .os-lista-hero-modern,
  .os-form-hero,
  .venda-hero{max-width:100%;min-width:0;}

  .vendas-hero-modern{overflow:hidden!important;flex-wrap:wrap!important;}
  .vendas-hero-title{min-width:0;}
  .vendas-hero-title h5,
  .vendas-hero-title small{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .vendas-hero-actions{justify-content:flex-end;}
  .vendas-lista-table{min-width:1020px!important;font-size:.78rem!important;}
  .vendas-lista-table thead th,
  .vendas-lista-table tbody td{padding:.40rem .48rem!important;}
  .venda-cliente{max-width:180px!important;}
  .venda-actions{gap:4px!important;flex-wrap:nowrap!important;}
  .venda-action-btn{width:29px!important;height:29px!important;border-radius:9px!important;}
}

@media (min-width: 1200px) and (max-width: 1399.98px){
  .vendas-lista-table{min-width:1000px!important;}
  .vendas-totalizador-box{min-width:124px!important;padding-left:10px!important;}
}
/* V10.1.39 - Homologacao menu fechado e heros objetivos.
   Corrige links visiveis em details fechados e remove largura artificial decorativa. */
@media (min-width: 992px){
  .nav-section:not([open]) > :not(summary){display:none!important;}
  .nav-section:not([open]) summary{margin-bottom:0!important;}
  .vendas-hero-modern:after{display:none!important;}
  .dashboard-v10{max-width:100%!important;overflow-x:hidden!important;}
}
/* V10.1.40 - Homologacao gutters de filtros: remove overflow lateral de rows compactas. */
@media (min-width: 992px){
  .dashboard-v10 > .row,
  #filtrosContasReceber.card > .card-body.row,
  .os-filtro-compacto.card > .card-body.row{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
  }
  #filtrosContasReceber select.form-select{min-width:0!important;font-size:.82rem!important;text-overflow:ellipsis;}
}
/* WP39 - Implementacao controlada do redesign gerencial */
:root{
  --ui-bg:#f6f7f9;--ui-surface:#fff;--ui-border:#e5e7eb;--ui-text:#18202a;
  --ui-muted:#667085;--ui-primary:#3157d5;--ui-primary-soft:#eef2ff;
  --ui-danger:#c9362b;--ui-danger-soft:#fff1f0;--ui-warning:#a45b00;--ui-warning-soft:#fff7e6;
  --ui-success:#18794e;--ui-success-soft:#ecfdf3;--ui-radius:14px;--ui-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.045)
}
.wp39-admin-shell{background:var(--ui-bg);color:var(--ui-text)}
.wp39-admin-shell .content{background:var(--ui-bg)}
.wp39-admin-shell .page{max-width:1680px;width:100%;margin:0 auto;padding:20px 24px 36px}
.wp39-admin-shell .sidebar{background:#151b26;border-right:1px solid rgba(255,255,255,.06);width:246px}
.wp39-admin-shell .brand{min-height:70px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700;letter-spacing:-.02em}
.wp39-admin-shell .sidebar-nav{padding:14px 10px}
.wp39-admin-shell .sidebar-nav>a,.wp39-admin-shell .nav-section a,.wp39-admin-shell .nav-section summary{border-radius:9px;min-height:38px;margin:2px 0;font-size:.875rem;color:#cbd2dc}
.wp39-admin-shell .sidebar-nav a:hover,.wp39-admin-shell .nav-section summary:hover{background:rgba(255,255,255,.07);color:#fff}
.wp39-admin-shell .nav-priority{font-weight:650!important;color:#fff!important}
.wp39-admin-shell .nav-priority:first-child{background:rgba(95,126,255,.18);color:#fff!important}
.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem}
.wp39-admin-shell .nav-section{margin-top:8px}
.wp39-admin-shell .nav-section summary{font-size:.75rem;text-transform:uppercase;letter-spacing:.065em;color:#8490a0;font-weight:700}
.wp39-admin-shell .topbar{min-height:70px;border-bottom:1px solid var(--ui-border);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding:0 24px}
.wp39-admin-shell .topbar-title h5{font-size:1rem}.wp39-admin-shell .topbar-title small{font-size:.76rem}
.wp39-admin-shell .admin-mode-banner{display:flex;align-items:center;gap:9px;padding:9px 12px;margin-bottom:16px;border:1px solid #dbe3f0;border-radius:10px;background:#f8fafc;color:#536174;font-size:.78rem}
.wp39-admin-shell .admin-mode-banner i{color:var(--ui-primary)}
.wp39-admin-shell .card,.wp39-admin-shell .dash-card{border:1px solid var(--ui-border)!important;box-shadow:none!important;border-radius:var(--ui-radius)!important}
.wp39-admin-shell .form-control,.wp39-admin-shell .form-select{border-color:#d9dee7;border-radius:9px;min-height:38px}
.wp39-admin-shell .form-control:focus,.wp39-admin-shell .form-select:focus{border-color:#8da2ee;box-shadow:0 0 0 3px rgba(49,87,213,.11)}
.wp39-admin-shell .btn{border-radius:9px;font-weight:600}.wp39-admin-shell .btn-primary{background:var(--ui-primary);border-color:var(--ui-primary)}
.wp39-admin-shell .table{--bs-table-bg:transparent}.wp39-admin-shell .table thead th{padding:.72rem .8rem;border-bottom:1px solid var(--ui-border);background:#fafbfc;color:#667085;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.wp39-admin-shell .table tbody td{padding:.75rem .8rem;border-color:#edf0f3;font-size:.84rem}
.eyebrow{display:block;margin-bottom:5px;color:#697586;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.decision-hero,.page-command-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 18px}.decision-hero h1,.page-command-header h1{font-size:1.7rem;line-height:1.15;margin:0 0 6px;font-weight:750;letter-spacing:-.035em}.decision-hero p,.page-command-header p{margin:0;color:var(--ui-muted);font-size:.9rem}.period-control{display:flex;align-items:center;gap:8px}.period-control label{font-size:.78rem;color:var(--ui-muted)}.period-control select{width:135px}
.attention-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.attention-item{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);text-decoration:none;color:var(--ui-text);transition:.18s}.attention-item:hover{border-color:#b8c4d5;transform:translateY(-1px);box-shadow:var(--ui-shadow)}.attention-item>i:first-child{font-size:1.1rem;color:#62718a}.attention-item b{display:block;font-size:1.12rem;line-height:1}.attention-item span{display:block;margin-top:3px;color:var(--ui-muted);font-size:.76rem}.attention-item.danger{border-left:3px solid var(--ui-danger)}.attention-item.warning{border-left:3px solid #d98b1b}
.decision-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.decision-kpi{display:flex;flex-direction:column;padding:17px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;text-decoration:none;color:var(--ui-text);transition:.18s}.decision-kpi:hover{border-color:#b8c4d5;box-shadow:var(--ui-shadow);transform:translateY(-1px)}.decision-kpi>span{font-size:.76rem;color:var(--ui-muted);font-weight:650}.decision-kpi strong{margin:9px 0 5px;font-size:1.42rem;line-height:1.1;letter-spacing:-.03em}.decision-kpi small{font-size:.73rem;color:#697586}.positive{color:var(--ui-success)!important}.negative{color:var(--ui-danger)!important}
.decision-panel{padding:18px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{font-size:.98rem;margin:0;font-weight:720;letter-spacing:-.015em}.panel-heading a{font-size:.76rem;text-decoration:none;font-weight:650}.context-chip{padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:.7rem}.chart-frame{position:relative;height:280px;min-height:260px}.chart-frame canvas{width:100%!important;height:100%!important}.dashboard-chart-status{display:flex;height:100%;min-height:220px;align-items:center;justify-content:center;margin:0;color:var(--ui-muted);font-size:.8rem;text-align:center}.dashboard-chart-status[hidden]{display:none}.dashboard-chart-status--error{padding:16px;border:1px solid var(--ui-warning);border-radius:10px;background:var(--ui-warning-soft);color:#7a4c00}.decision-list{display:flex;flex-direction:column}.decision-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef0f3;color:var(--ui-text);text-decoration:none}.decision-row:last-child{border-bottom:0}.decision-row b,.decision-row small{display:block}.decision-row b{font-size:.82rem}.decision-row small{margin-top:2px;color:var(--ui-muted);font-size:.7rem;line-height:1.35}.decision-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7}.level-danger{background:var(--ui-danger-soft);color:var(--ui-danger)}.level-warning{background:var(--ui-warning-soft);color:var(--ui-warning)}.empty-decision,.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ui-muted);min-height:180px}.empty-decision i,.empty-state-large i{font-size:2rem;color:var(--ui-success);margin-bottom:8px}.empty-decision b{color:var(--ui-text)}.empty-decision span{font-size:.76rem;margin-top:4px}.metric-lines>div,.compact-records>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f3}.metric-lines>div:last-child,.compact-records>div:last-child{border-bottom:0}.metric-lines span,.compact-records small{color:var(--ui-muted);font-size:.74rem}.metric-total{margin-top:5px;padding-top:14px!important}.compact-records span b,.compact-records span small{display:block}.compact-records b{font-size:.8rem}.compact-records strong{font-size:.8rem;white-space:nowrap}.empty-inline{color:var(--ui-muted);font-size:.8rem}
.attention-center{max-width:1180px;margin:0 auto}.attention-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;margin-bottom:12px;overflow:hidden}.attention-summary>div{padding:15px 18px;border-right:1px solid var(--ui-border)}.attention-summary>div:last-child{border-right:0}.attention-summary span{display:block;color:var(--ui-muted);font-size:.73rem}.attention-summary b{display:block;margin-top:4px;font-size:1.4rem}.attention-summary .critical b{color:var(--ui-danger)}.smart-filter-bar{display:flex;align-items:flex-end;gap:10px;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:#fff;margin-bottom:12px}.smart-filter-bar>div{min-width:180px}.smart-filter-bar label{display:block;margin-bottom:4px;color:var(--ui-muted);font-size:.7rem;font-weight:650}.attention-feed{display:flex;flex-direction:column;gap:9px}.attention-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff}.attention-card.level-danger{border-left:3px solid var(--ui-danger)}.attention-card.level-warning{border-left:3px solid #d98b1b}.attention-card.is-read{opacity:.72}.attention-card-marker{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f4f7}.attention-card.level-danger .attention-card-marker{background:var(--ui-danger-soft);color:var(--ui-danger)}.attention-card.level-warning .attention-card-marker{background:var(--ui-warning-soft);color:var(--ui-warning)}.attention-meta{display:flex;gap:7px;align-items:center;color:var(--ui-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.attention-meta b{padding:2px 6px;border-radius:999px;background:var(--ui-primary-soft);color:var(--ui-primary);font-size:.62rem}.attention-card h2{margin:5px 0 3px;font-size:.96rem}.attention-card p{margin:0;color:var(--ui-muted);font-size:.8rem}.impact-value{margin-top:8px;font-size:.72rem;color:var(--ui-muted)}.impact-value strong{margin-left:5px;color:var(--ui-danger)}.attention-actions{display:flex;align-items:center;gap:5px}.attention-actions form{margin:0}
@media(max-width:1199.98px){.decision-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){.wp39-admin-shell .page{padding:16px}.attention-strip{grid-template-columns:1fr}.decision-hero,.page-command-header{align-items:flex-start;flex-direction:column}.attention-card{grid-template-columns:auto 1fr}.attention-actions{grid-column:2;flex-wrap:wrap}.top-actions .profile{display:none}}
@media(max-width:767.98px){.chart-frame{height:240px}}
@media(max-width:575.98px){.decision-kpis{grid-template-columns:1fr}.attention-summary{grid-template-columns:1fr}.attention-summary>div{border-right:0;border-bottom:1px solid var(--ui-border)}.smart-filter-bar{align-items:stretch;flex-direction:column}.smart-filter-bar>div{min-width:0}.attention-card{grid-template-columns:1fr}.attention-card-marker{display:none}.attention-actions{grid-column:1}.decision-hero h1,.page-command-header h1{font-size:1.4rem}}
.financial-composition-note{align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;padding:11px 0 0!important;border-bottom:0!important;color:var(--ui-muted)}.financial-composition-note i{margin-top:1px;color:var(--ui-primary)}.financial-composition-note span{line-height:1.35}