/* Beghim V7.8.7 — CRM Pro + responsividade global */

/* Base responsiva: nenhum módulo deve criar largura fantasma na área principal. */
.main,.view,.panel,.kpi-grid,.panel-grid,.crm-board-wrap,.v65-omie-crm-toolbar,.v65-omie-ranking-panel,
.v786-workspace-tabs-wrap,.v786-workspace-tabs{min-width:0}
.view{width:100%;max-width:none}
#view-crm{overflow:hidden}
#view-crm .panel{box-shadow:0 4px 14px rgba(26,35,47,.025)}

/* Cabeçalho do CRM mais enxuto. */
#view-crm .v65-crm-source-bar{
  padding:10px 12px;
  margin-bottom:10px;
  border-radius:14px;
  box-shadow:none;
}
#view-crm .v65-crm-source-bar>div:first-child{min-width:0}
#view-crm .v65-crm-source-bar .eyebrow{font-size:9px;letter-spacing:.11em}
#view-crm .v65-crm-source-bar strong{font-size:12px}
#view-crm .v65-crm-source-bar small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:780px}
#view-crm .v65-source-toggle{border-radius:10px;padding:2px}
#view-crm .v65-source-toggle button{padding:7px 10px;font-size:10px}
.v787-crm-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v787-density-btn,.v787-filter-toggle{
  border:1px solid #dce2e8;background:#fff;color:#4b5968;border-radius:9px;padding:7px 10px;
  font-size:10px;font-weight:800;white-space:nowrap
}
.v787-density-btn:hover,.v787-filter-toggle:hover{border-color:#cbb6bc;color:var(--wine);background:#fffafa}
.v787-density-btn[aria-pressed="true"],.v787-filter-toggle[aria-expanded="true"]{background:#f7ecef;border-color:#d8bcc4;color:var(--wine)}

/* Hero Omie vira um cabeçalho operacional, sem ocupar uma faixa enorme. */
#view-crm .omie-crm-hero{
  padding:13px 15px;
  margin-bottom:10px;
  border-radius:14px;
  background:linear-gradient(110deg,#fff 0%,#fff 72%,#faf4f6 100%);
  box-shadow:none;
}
#view-crm .omie-crm-hero h2{font-size:17px;margin:3px 0 3px}
#view-crm .omie-crm-hero p{font-size:10px;line-height:1.4;max-width:720px}
#view-crm .omie-crm-status{min-width:230px;padding:9px 11px;border-radius:10px}
#view-crm .omie-crm-status strong{font-size:10px}
#view-crm .omie-crm-status small{font-size:8px;line-height:1.3}

/* KPIs em formato mais executivo/compacto. */
#view-crm .v65-omie-crm-kpis{gap:9px;margin-bottom:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-crm .v65-omie-crm-kpis .kpi-card{padding:11px 12px;border-radius:13px;box-shadow:none}
#view-crm .v65-omie-crm-kpis .kpi-card span{font-size:9px}
#view-crm .v65-omie-crm-kpis .kpi-card strong{font-size:17px;margin:5px 0 2px;line-height:1.15;overflow-wrap:anywhere}
#view-crm .v65-omie-crm-kpis .kpi-card small{font-size:8px}

/* Toolbar: busca essencial sempre visível; parâmetros avançados sob demanda. */
#view-crm .v65-omie-crm-toolbar{padding:12px 14px;margin-bottom:10px;border-radius:14px;box-shadow:none}
#view-crm .v65-omie-crm-toolbar .panel-head{margin-bottom:9px}
#view-crm .v65-omie-crm-toolbar .panel-head h2{font-size:14px}
#view-crm .v65-omie-crm-toolbar .panel-head p{font-size:9px;margin-top:2px}
#view-crm .v65-omie-crm-actions .btn{padding:8px 10px;font-size:10px}
#view-crm .v65-omie-crm-toolbar .filter-row{margin:7px 0 0;display:grid;grid-template-columns:minmax(260px,1fr) minmax(155px,200px) minmax(155px,210px);gap:8px}
#view-crm .v65-omie-crm-toolbar .filter-row input,
#view-crm .v65-omie-crm-toolbar .filter-row select{width:100%;min-width:0;padding:9px 10px;font-size:10px;border-radius:9px}
#view-crm .v69-period-toolbar,
#view-crm .v701-cache-status,
#view-crm .v691-health-grid,
#view-crm .v65-omie-crm-note{display:none}
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v69-period-toolbar,
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v701-cache-status,
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v691-health-grid,
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v65-omie-crm-note{display:grid}
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v701-cache-status,
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v65-omie-crm-note{display:block}
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v69-period-toolbar{margin-top:10px}
#view-crm .v65-omie-crm-toolbar.v787-advanced-open .v691-health-grid{margin-top:9px}

/* Ranking executivo: menos altura sem perder informação. */
#view-crm .v65-omie-ranking-panel{padding:12px 14px;margin:0 0 10px;border-radius:14px;box-shadow:none}
#view-crm .v65-omie-ranking-panel .panel-head{margin-bottom:7px}
#view-crm .v65-omie-ranking-panel .panel-head h2{font-size:14px}
#view-crm .v65-omie-ranking-panel .panel-head p{font-size:9px;margin-top:2px}
#view-crm .v73-ranking-summary{padding:7px 9px;margin:0 0 5px;font-size:9px;border-radius:9px}
#view-crm .v73-ranking-summary strong{font-size:12px}
#view-crm .v73-rank-row{padding:5px 0;grid-template-columns:24px minmax(0,1fr) minmax(90px,130px);gap:7px;font-size:10px}
#view-crm .v73-rank-pos{width:22px;height:22px;border-radius:7px;font-size:9px}
#view-crm .v73-rank-row div strong{font-size:10px}
#view-crm .v73-rank-row div span{font-size:9px}
#view-crm .v73-rank-money{font-size:10px}
#view-crm .v73-ranking-mode{font-size:9px}
#view-crm .v73-ranking-mode select{height:30px;min-width:135px;font-size:9px;border-radius:8px}

/* Pipeline Omie: ocupa 100% da largura disponível em desktop. */
#view-crm .crm-board-wrap{width:100%;max-width:100%;overflow:visible;margin-bottom:14px;padding-bottom:0}
#view-crm .v65-omie-board{
  width:100%;min-width:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;align-items:start;padding:0;
}
#view-crm .v65-omie-column{width:auto;min-width:0;border-radius:13px;overflow:hidden;background:#f4f6f8}
#view-crm .v65-omie-column-head{padding:10px 11px 8px;position:sticky;top:0;z-index:2}
#view-crm .v65-omie-column-title strong{font-size:10px;min-width:0}
#view-crm .v65-omie-column-title small{font-size:7px}
#view-crm .v65-omie-column-title span{font-size:8px;padding:3px 6px}
#view-crm .v65-omie-column-money{font-size:12px;margin-top:5px}
#view-crm .v65-omie-column-body{gap:7px;padding:7px;max-height:clamp(390px,54vh,680px);scrollbar-width:thin}
#view-crm .v65-omie-card{padding:9px;border-radius:10px;box-shadow:none}
#view-crm .v65-omie-card h3{font-size:10px;line-height:1.32}
#view-crm .v65-temp{font-size:8px;padding:3px 5px}
#view-crm .v65-omie-account{font-size:9px;margin:5px 0}
#view-crm .v65-omie-value{font-size:13px;margin-bottom:6px}
#view-crm .v65-omie-meta{font-size:8px;gap:3px;padding-top:6px}
#view-crm .v71-omie-card-actions{margin-top:7px;display:flex;justify-content:flex-end}
#view-crm .v71-omie-card-actions .mini-btn{padding:6px 8px;font-size:9px;border-radius:8px}

/* Densidade compacta opcional: ideal para notebook e acompanhamento de pipeline. */
#view-crm.v787-compact .v65-omie-card{padding:7px 8px}
#view-crm.v787-compact .v65-omie-account{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-crm.v787-compact .v65-omie-meta{grid-template-columns:1fr 1fr;column-gap:6px}
#view-crm.v787-compact .v65-omie-meta span:last-child{grid-column:1/-1}
#view-crm.v787-compact .v65-omie-column-body{gap:6px;padding:6px}

/* CRM Beghim (7 estágios): usa a tela inteira em monitores grandes e scroll controlado nos menores. */
#view-crm:not(.omie-mode)>.crm-board-wrap{overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}
#view-crm:not(.omie-mode) .crm-board{
  grid-template-columns:repeat(7,minmax(218px,1fr));
  min-width:1530px;width:max(100%,1530px);gap:10px;
}
#view-crm:not(.omie-mode) .crm-column{border-radius:14px;min-height:400px}
#view-crm:not(.omie-mode) .crm-column-head{padding:11px}
#view-crm:not(.omie-mode) .crm-column-title strong{font-size:11px}
#view-crm:not(.omie-mode) .crm-column-body{padding:8px;gap:8px;min-height:330px}

/* Responsividade progressiva. */
@media (min-width:1800px){
  #view-crm{padding-left:22px;padding-right:22px}
  #view-crm:not(.omie-mode) .crm-board{min-width:0;width:100%;grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width:1180px){
  #view-crm .v65-omie-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-crm .v65-omie-column-body{max-height:520px}
  #view-crm .v65-omie-crm-toolbar .filter-row{grid-template-columns:minmax(220px,1fr) minmax(140px,180px) minmax(140px,190px)}
}
@media (max-width:1080px){
  #view-crm .v65-crm-source-bar{align-items:flex-start}
  #view-crm .v787-crm-tools{width:100%;justify-content:space-between}
  #view-crm .v65-source-toggle{flex:1;max-width:360px}
  #view-crm .omie-crm-hero{align-items:flex-start;flex-direction:column}
  #view-crm .omie-crm-status{width:100%;min-width:0}
  #view-crm .v65-omie-crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-crm .v65-omie-crm-toolbar .filter-row{grid-template-columns:1fr 1fr}
  #view-crm .v65-omie-crm-toolbar .filter-row input{grid-column:1/-1}
}
@media (max-width:800px){
  .view{padding-left:12px;padding-right:12px}
  #view-crm{padding-top:12px}
  #view-crm .v65-crm-source-bar{gap:9px}
  #view-crm .v65-crm-source-bar small{display:none}
  #view-crm .v787-crm-tools{gap:5px}
  #view-crm .v787-density-btn,.v787-filter-toggle{padding:7px 8px}
  #view-crm .v65-omie-crm-kpis{gap:7px}
  #view-crm .v65-omie-crm-kpis .kpi-card{padding:10px}
  #view-crm .v65-omie-crm-kpis .kpi-card strong{font-size:15px}
  #view-crm .v65-omie-crm-toolbar .panel-head.split{align-items:flex-start}
  #view-crm .v65-omie-crm-toolbar .filter-row{grid-template-columns:1fr}
  #view-crm .v65-omie-crm-toolbar .filter-row input{grid-column:auto}
  #view-crm .v65-omie-board{
    display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;
    gap:9px;padding:0 2px 8px;scrollbar-width:thin
  }
  #view-crm .v65-omie-column{flex:0 0 min(86vw,360px);scroll-snap-align:start}
  #view-crm .v65-omie-column-body{max-height:58vh}
  #view-crm .crm-board-wrap{overflow:hidden}
  #view-crm .v73-ranking-summary{grid-template-columns:1fr auto}
  #view-crm .v73-ranking-summary small{grid-column:1/-1;text-align:left}
  #view-crm .v73-rank-row{grid-template-columns:22px minmax(0,1fr)}
  #view-crm .v73-rank-money{grid-column:2;text-align:left}
  #view-crm:not(.omie-mode)>.crm-board-wrap{overflow-x:auto}
  #view-crm:not(.omie-mode) .crm-board{display:grid;grid-template-columns:repeat(7,minmax(82vw,330px));min-width:max-content;width:max-content;scroll-snap-type:x proximity}
  #view-crm:not(.omie-mode) .crm-column{scroll-snap-align:start}
}
@media (max-width:520px){
  #view-crm .v65-omie-crm-kpis{grid-template-columns:1fr 1fr}
  #view-crm .v65-omie-crm-kpis .kpi-card strong{font-size:13px}
  #view-crm .omie-crm-hero{padding:11px 12px}
  #view-crm .omie-crm-hero p{display:none}
  #view-crm .v65-omie-ranking-panel{padding:10px 11px}
  #view-crm .v65-source-toggle button{padding:7px 6px;font-size:9px}
}