/* Beghim V6.5.1 — hotfix Pipeline Omie + sidebar
   IMPORTANTE: mantém deliberadamente a paleta da V6.4. */

/* Sidebar: mesma paleta da V6.4, agora expande no hover sem deslocar o conteúdo. */
.sidebar.v64-rail{
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  max-height:100vh;
  z-index:90;
  width:72px;
  min-width:72px;
  transition:width .20s ease, box-shadow .20s ease;
  overflow:hidden;
  align-items:stretch;
}
.sidebar.v64-rail:hover,
.sidebar.v64-rail.v65-pinned{
  width:238px;
  box-shadow:16px 0 34px rgba(25,7,11,.18);
}
.v64-rail-nav{align-items:stretch}
.v64-rail-btn,.v64-rail-help{
  width:48px;
  min-width:48px;
  justify-content:flex-start;
  display:flex;
  gap:13px;
  padding:0 13px;
  overflow:hidden;
  white-space:nowrap;
}
.v64-rail-btn svg,.v64-rail-help svg{
  flex:0 0 22px;
  min-width:22px;
  max-width:22px;
  width:22px;
  height:22px;
  opacity:1;
  visibility:visible;
}
.sidebar.v64-rail:hover .v64-rail-btn,
.sidebar.v64-rail.v65-pinned .v64-rail-btn,
.sidebar.v64-rail:hover .v64-rail-help,
.sidebar.v64-rail.v65-pinned .v64-rail-help{
  width:100%;
}
.v64-rail-btn>span{
  position:static;
  left:auto;top:auto;
  transform:none;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:0;
  opacity:0;
  color:inherit;
  pointer-events:none;
  font-size:12px;
  font-weight:800;
  max-width:0;
  overflow:hidden;
  flex:0 0 auto;
  transition:opacity .12s ease,max-width .12s ease;
}
.v64-rail-btn:hover>span{transform:none}
.sidebar.v64-rail:hover .v64-rail-btn>span,
.sidebar.v64-rail.v65-pinned .v64-rail-btn>span{opacity:1;max-width:150px}
.v64-rail-footer{align-items:stretch}
.sidebar.v64-rail:hover .v64-rail-footer,
.sidebar.v64-rail.v65-pinned .v64-rail-footer{padding:0 1px}

/* Logo oficial enviada pelo usuário, convertida para branco. */
.v64-rail-logo.v65-brand-logo{
  background:transparent;
  border:0;
  box-shadow:none;
  width:48px;
  height:48px;
  min-height:48px;
  padding:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  transition:width .2s ease, padding .2s ease;
}
.v65-brand-logo img{display:block;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.16))}
.v65-logo-mark{width:34px;height:34px}
.v65-logo-full{display:none!important;width:170px;height:38px}
.sidebar.v64-rail:hover .v65-brand-logo,
.sidebar.v64-rail.v65-pinned .v65-brand-logo{width:100%;justify-content:flex-start;padding-left:9px}
.sidebar.v64-rail:hover .v65-logo-mark,
.sidebar.v64-rail.v65-pinned .v65-logo-mark{display:none}
.sidebar.v64-rail:hover .v65-logo-full,
.sidebar.v64-rail.v65-pinned .v65-logo-full{display:block!important}

/* Evita que a expansão lateral altere a largura do conteúdo. */
.app-shell{grid-template-columns:72px minmax(0,1fr)}

/* Alternância entre CRM Beghim e CRM Omie */
.v65-crm-source-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  margin-bottom:14px;
}
.v65-crm-source-bar>div:first-child{display:flex;flex-direction:column;gap:2px}
.v65-crm-source-bar strong{font-size:13px;color:#2a3542}
.v65-crm-source-bar small{font-size:10px;color:#7e8997}
.v65-source-toggle{display:flex;gap:3px;background:#eef1f4;border:1px solid #dde3e8;padding:3px;border-radius:11px;flex-shrink:0}
.v65-source-toggle button{border:0;background:transparent;color:#596574;padding:8px 12px;border-radius:8px;font-weight:800;font-size:11px;cursor:pointer}
.v65-source-toggle button.active{background:var(--wine);color:#fff;box-shadow:0 4px 10px rgba(111,16,33,.18)}
#v65OmieCrmPane{display:none}
#view-crm.omie-mode #v65OmieCrmPane{display:block!important}
#view-crm.omie-mode > :not(.v65-crm-source-bar):not(#v65OmieCrmPane){display:none!important}

/* Pipeline Omie: usa a mesma linguagem visual clara/vinho da V6.4. */
.omie-crm-hero{
  background:linear-gradient(115deg,#fff 0%,#fff 58%,#f7eff1 100%);
  border-color:#e7d7dc;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:22px;
  margin-bottom:16px;
}
.omie-crm-hero h2{margin:5px 0 6px;color:#25303c}
.omie-crm-hero p{margin:0;color:#6f7a87;max-width:830px;font-size:11px;line-height:1.55}
.omie-crm-status{min-width:270px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e0e5ea;border-radius:13px}
.omie-crm-status .omie-dot{flex:0 0 auto}
.omie-crm-status strong{display:block;font-size:11px;color:#2d3744}
.omie-crm-status small{display:block;margin-top:3px;font-size:9px;color:#7c8794}
.v65-omie-crm-kpis{margin-bottom:16px}
.v65-omie-crm-toolbar{margin-bottom:16px}
.v65-omie-crm-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v65-sync-progress{margin-top:12px;display:grid;gap:6px}
.v65-sync-progress>div{height:7px;border-radius:999px;background:#e7ebef;overflow:hidden}
.v65-sync-progress span{display:block;height:100%;width:4%;background:var(--wine);transition:width .2s ease}
.v65-sync-progress strong{font-size:10px;color:#5f6a77}
.v65-omie-crm-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f7f4ee;border:1px solid #eadfc8;color:#756541;font-size:10px}

.v65-omie-board{display:flex;gap:12px;min-width:max-content;padding-bottom:8px}
.v65-omie-column{width:292px;min-width:292px;background:#f3f5f7;border:1px solid #e0e5e9;border-radius:14px;overflow:hidden}
.v65-omie-column-head{padding:12px 13px 10px;background:#fff;border-bottom:1px solid #e2e7eb}
.v65-omie-column-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v65-omie-column-title strong{display:flex;align-items:center;gap:7px;font-size:11px;color:#2b3541}
.v65-omie-column-title i{width:8px;height:8px;border-radius:50%;background:var(--wine);box-shadow:0 0 0 3px rgba(111,16,33,.08)}
.v65-omie-column-title span{background:#edf0f3;color:#5d6875;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}
.v65-omie-column-money{margin-top:7px;font-size:13px;font-weight:900;color:var(--wine)}
.v65-omie-column-body{display:grid;gap:9px;padding:9px;max-height:calc(100vh - 365px);overflow:auto;min-height:120px}
.v65-omie-card{background:#fff;border:1px solid #dfe5e9;border-radius:11px;padding:11px;box-shadow:0 3px 10px rgba(33,42,52,.035)}
.v65-omie-card:hover{border-color:#c9b1b7;box-shadow:0 7px 18px rgba(45,20,26,.07)}
.v65-omie-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.v65-omie-card h3{margin:0;color:#26313d;font-size:11px;line-height:1.35}
.v65-temp{font-size:9px;font-weight:900;color:#7a1026;background:#f5e9ec;padding:3px 6px;border-radius:999px;white-space:nowrap}
.v65-omie-account{margin:7px 0 6px;color:#677381;font-size:10px;font-weight:700}
.v65-omie-value{font-size:14px;font-weight:900;color:#25303c;margin-bottom:8px}
.v65-omie-meta{display:grid;gap:4px;padding-top:8px;border-top:1px solid #edf0f2;color:#76818e;font-size:9px}
.v65-omie-meta b{color:#495461;font-weight:800}
.v65-omie-status-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.v65-status-pill,.v65-motive-pill{font-size:8px;font-weight:900;padding:4px 6px;border-radius:999px;background:#eaf0f4;color:#52606e}
.v65-motive-pill{background:#f6ece9;color:#8b4e42}
.v65-omie-empty{padding:18px 10px;text-align:center;color:#87919d;font-size:10px}

@media(max-width:980px){
  .v65-crm-source-bar,.omie-crm-hero{align-items:flex-start;flex-direction:column}
  .omie-crm-status{min-width:0;width:100%}
  .v65-omie-crm-actions{justify-content:flex-start}
}
@media(max-width:800px){
  .sidebar.v64-rail:hover,.sidebar.v64-rail.v65-pinned{width:238px}
  .sidebar.v64-rail{position:fixed;top:0;left:-88px;height:100vh;max-height:100vh;overflow:hidden}
  .sidebar.v64-rail.open{left:0}
  .v65-source-toggle{width:100%}
  .v65-source-toggle button{flex:1}
}