/* CRM START — visual refinement v3
   Direção: grafite premium + cor semântica. Azul reservado a ação primária. */

.crm-body{
  --bg:#111416;
  --panel:#171b1d;
  --panel-2:#1c2123;
  --panel-3:#202628;
  --line:#2a3133;
  --line-soft:rgba(255,255,255,.065);
  --text:#f1eee7;
  --muted:#8d999c;
  --muted-2:#697477;
  --brand:#4b9fe3;
  --brand-soft:rgba(75,159,227,.12);
  --green:#69c792;
  --green-soft:rgba(105,199,146,.12);
  --amber:#d9a65d;
  --amber-soft:rgba(217,166,93,.12);
  --red:#e77b70;
  --red-soft:rgba(231,123,112,.12);
  --sand:#c8b08b;
  --sand-soft:rgba(200,176,139,.12);
  --teal:#67b6ad;
  --teal-soft:rgba(103,182,173,.12);
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
}

/* ribbon */
.crm-body .demo-ribbon{background:rgba(17,20,22,.9);border-color:rgba(255,255,255,.10);box-shadow:0 12px 36px rgba(0,0,0,.28)}
.crm-body .demo-ribbon .choose{background:var(--brand);color:white}
.crm-body .demo-ribbon .back{color:#b8c0c1}

/* shell + sidebar */
.crm-shell{grid-template-columns:238px 1fr;background:var(--bg)}
.crm-sidebar{
  overflow-y:auto;
  background:#141819;
  border-right:1px solid var(--line);
  padding:68px 15px 20px;
}
.crm-brand{margin-bottom:24px}
.crm-brand .brand-icon{box-shadow:0 12px 28px rgba(0,0,0,.22)}
.crm-brand .brand-copy b{color:#f2eee7}
.crm-brand .brand-copy small{color:#777f81!important}
.crm-sidebar-foot{
  position:static;
  margin-top:28px;
  border-top:1px solid var(--line);
  color:#687275;
}

/* premium nav */
.crm-nav{display:grid;gap:4px}
.crm-nav button{
  --nav-tone:#899497;
  position:relative;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#8d9799;
  padding:10px 11px;
  text-align:left;
  font-size:9px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.crm-nav button:hover{background:#1a1f21;color:#d8dddd;transform:translateX(1px)}
.crm-nav button.active{
  background:#202527;
  color:#f2eee7;
  border-color:#30383a;
  box-shadow:inset 3px 0 0 var(--nav-tone),0 8px 22px rgba(0,0,0,.12);
}
.crm-nav-label{display:flex;align-items:center;gap:9px;min-width:0}
.crm-nav-label svg{
  width:16px;height:16px;flex:0 0 auto;
  fill:none;stroke:var(--nav-tone);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.crm-nav button[data-crm-view="dashboard"]{--nav-tone:var(--sand)}
.crm-nav button[data-crm-view="today"]{--nav-tone:var(--amber)}
.crm-nav button[data-crm-view="pipeline"]{--nav-tone:var(--teal)}
.crm-nav button[data-crm-view="clients"]{--nav-tone:#a5adb0}
.crm-nav button[data-crm-view="sales"]{--nav-tone:var(--amber)}
.crm-nav button[data-crm-view="finance"]{--nav-tone:var(--green)}
.crm-nav button[data-crm-view="goals"]{--nav-tone:var(--sand)}
.crm-nav button[data-crm-view="partners"]{--nav-tone:#c98f73}
.crm-nav button[data-crm-view="tasks"]{--nav-tone:#9aa4a6}
.crm-nav em{
  font-style:normal;
  border-radius:999px;
  background:#252b2d;
  color:#8e989b;
  padding:3px 6px;
  font-size:6px;
  border:1px solid #31383a;
}

/* page header */
.crm-main{padding:72px 30px 60px;min-width:0}
.crm-head{margin-bottom:20px}
.crm-head small{color:var(--sand);font-size:7px;letter-spacing:.15em}
.crm-head h1{color:#f5f1ea}
.crm-head p{color:#899497}
.crm-head-actions{display:flex;gap:7px}
.crm-button{
  border:1px solid #32393b;
  background:#1b2022;
  color:#b9c0c1;
  border-radius:10px;
  padding:10px 12px;
  font-size:8px;
  font-weight:700;
  transition:.16s ease;
}
.crm-button:hover{background:#23292b;border-color:#3b4446;color:#f2eee7}
.crm-button.primary{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
  box-shadow:0 10px 24px rgba(75,159,227,.16);
}
.crm-button.primary:hover{filter:brightness(1.05)}

/* toolbar */
.crm-toolbar{gap:8px;margin:12px 0 14px}
.crm-search input{
  border:1px solid #303739;
  background:#171b1d;
  color:#ece9e3;
  border-radius:11px;
  padding:10px 12px;
}
.crm-search input:focus{border-color:#7b8588;box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.crm-filters button{
  border:1px solid #2c3335;
  background:#171b1d;
  color:#818c8f;
}
.crm-filters button:hover{color:#cbd0d0;border-color:#3b4446}
.crm-filters button.active{
  background:#262c2e;
  color:#eeeae4;
  border-color:#3b4446;
}

/* operational KPIs */
.crm-kpis{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.crm-kpi{
  --tone:#9aa4a6;
  --soft:rgba(154,164,166,.08);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#1b2022,#181c1e);
  border:1px solid #2b3234;
  border-radius:15px;
  padding:14px 14px 13px;
}
.crm-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone)}
.crm-kpi:nth-child(1){--tone:var(--amber);--soft:var(--amber-soft)}
.crm-kpi:nth-child(2){--tone:var(--red);--soft:var(--red-soft)}
.crm-kpi:nth-child(3){--tone:var(--teal);--soft:var(--teal-soft)}
.crm-kpi:nth-child(4){--tone:var(--sand);--soft:var(--sand-soft)}
.crm-kpi:nth-child(5){--tone:#a5adb0;--soft:rgba(165,173,176,.09)}
.crm-kpi small{color:#7d888a}
.crm-kpi b{color:#f5f1ea}
.crm-kpi span{color:#6f7a7d}

/* shared panels */
.crm-panel,
.crm-v2-card,
.crm-stage,
.crm-task-card,
.crm-v2-goal,
.crm-v2-partner,
.crm-v2-stock article{
  background:var(--panel);
  border-color:var(--line);
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.crm-panel{border:1px solid var(--line);border-radius:17px}
.crm-panel-head{border-bottom:1px solid var(--line);background:#181d1f}
.crm-panel-head b{color:#e7e3dc}
.crm-panel-head small{color:#717c7e}

/* Today */
.crm-lead-row{border-bottom:1px solid var(--line-soft);color:#eef0ee}
.crm-lead-row:hover{background:#1d2325}
.crm-lead-row.active{background:#22282a;box-shadow:inset 3px 0 0 var(--amber)}
.crm-avatar{
  background:#252c2e;
  color:#d8d4cc;
  border:1px solid #333b3d;
}
.crm-lead-row small{color:#747f82}
.crm-lead-row em{color:#9ca5a7}
.crm-priority{background:#778184}
.crm-priority.alta{background:var(--red)}
.crm-priority.media{background:var(--amber)}
.crm-priority.baixa{background:var(--green)}
.crm-focus{background:#181d1f}
.crm-focus-top>div>small{color:var(--sand)}
.crm-focus h2{color:#f4f0e9}
.crm-focus p{color:#7c878a}
.crm-badge{background:#242a2c;color:#aab1b2;border:1px solid #30383a}
.crm-badge.hot{background:var(--red-soft);color:#f09a91;border-color:rgba(231,123,112,.18)}
.crm-next{border:1px solid rgba(217,166,93,.20);background:var(--amber-soft)}
.crm-next small{color:#cf9a50}
.crm-info-grid div{border:1px solid #2b3234;background:#171b1d}
.crm-info-grid small{color:#707b7e}
.crm-info-grid b{color:#dedbd5}
.crm-tabs button{color:#747f81}
.crm-tabs button.active{color:#e8e4dd;border-color:var(--sand)}
.crm-history-item i{background:var(--sand)}
.crm-history-item small{color:#687477}
.crm-note-form input,
.crm-modal input,
.crm-modal select,
.crm-v2-modal select{
  background:#15191b;
  border:1px solid #303739;
  color:#eeeae4;
}
.crm-note-form button{background:#282f31;color:#d8dddd;border:1px solid #343d3f}
.crm-actions button,.crm-actions select{
  border:1px solid #303739;
  background:#1b2022;
  color:#adb5b6;
}
.crm-actions .primary{background:var(--green);color:#102019;border-color:var(--green)}
.crm-actions button[data-crm-win]{color:#9bd8b4;border-color:rgba(105,199,146,.22);background:var(--green-soft)}

/* pipeline */
.crm-stage{background:#171b1d}
.crm-stage:nth-child(1){box-shadow:inset 0 3px 0 #90999b}
.crm-stage:nth-child(2){box-shadow:inset 0 3px 0 var(--teal)}
.crm-stage:nth-child(3){box-shadow:inset 0 3px 0 var(--sand)}
.crm-stage:nth-child(4){box-shadow:inset 0 3px 0 var(--amber)}
.crm-stage:nth-child(5){box-shadow:inset 0 3px 0 var(--green)}
.crm-stage-head{border-bottom:1px solid var(--line)}
.crm-stage-head span{color:#6f7a7d}
.crm-pipe-card{background:#1d2224;border:1px solid #2b3234;color:#efebe5}
.crm-pipe-card:hover{border-color:#4b5558;background:#22282a}
.crm-pipe-card small{color:#727e80}
.crm-pipe-card span{color:#a8b0b1}

/* tables */
.crm-table th,.crm-table td,
.crm-v2-table th,.crm-v2-table td{border-bottom:1px solid var(--line-soft)}
.crm-table th,.crm-v2-table th{color:#737e81}
.crm-table tr:hover,.crm-v2-table tr:hover{background:#1d2325}

/* tasks */
.crm-task-card{position:relative;overflow:hidden}
.crm-task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8c9698}
.crm-task-card small{color:#747f82}
.crm-task-card b{color:#ece8e1}
.crm-task-card span{color:#969fa1}

/* V2 shared */
.crm-v2-muted{margin:-6px 0 14px;color:#798487;font-size:8px;line-height:1.5}
.crm-v2-stack{display:grid;gap:10px}
.crm-v2-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}
.crm-v2-card{border:1px solid var(--line);border-radius:17px;padding:16px}
.crm-v2-card h2,.crm-v2-card h3{font-family:var(--display);margin:0;color:#f2eee7}
.crm-v2-card h2{font-size:20px}.crm-v2-card h3{font-size:13px}
.crm-v2-card p{font-size:8px;color:#788386;line-height:1.55}
.crm-v2-eyebrow{font-size:7px;color:var(--sand);letter-spacing:.13em}
.crm-v2-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.crm-v2-metric{
  --tone:#9aa3a5;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:#1a1f21;
  border-radius:14px;
  padding:13px;
}
.crm-v2-metric:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--tone);opacity:.8}
.crm-v2-metric:nth-child(1){--tone:var(--amber)}
.crm-v2-metric:nth-child(2){--tone:var(--green)}
.crm-v2-metric:nth-child(3){--tone:var(--sand)}
.crm-v2-metric:nth-child(4){--tone:var(--teal)}
.crm-v2-metric small{font-size:6px;color:#747f82;letter-spacing:.08em}
.crm-v2-metric b{display:block;font:800 20px var(--display);margin-top:5px;color:#f3efe8}
.crm-v2-metric span{font-size:6px;color:#717c7e}

/* actions: neutral by default, only one blue primary */
.crm-v2-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.crm-v2-actions button{
  border:1px solid #303739;
  background:#1c2123;
  color:#929c9e;
  border-radius:11px;
  padding:11px;
  text-align:left;
  font-size:8px;
  transition:.16s ease;
}
.crm-v2-actions button:hover{background:#23292b;border-color:#3c4547;transform:translateY(-1px)}
.crm-v2-actions button b{display:block;color:#ece8e1;font-size:9px;margin-bottom:3px}
.crm-v2-actions button.primary{background:var(--brand);border-color:var(--brand);color:white}
.crm-v2-actions button[data-v2-action="income"] b{color:#95d5af}
.crm-v2-actions button[data-v2-view="finance"] b{color:#95d5af}
.crm-v2-actions button[data-v2-view="goals"] b{color:#d7bc94}

/* rows + semantic states */
.crm-v2-grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}
.crm-v2-list{display:grid;gap:7px;margin-top:12px}
.crm-v2-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line-soft);padding:9px 0}
.crm-v2-row:last-child{border-bottom:0}
.crm-v2-row b{font-size:8px;color:#e5e2dc}
.crm-v2-row small{display:block;color:#6f7a7d;font-size:6px;margin-top:3px}
.crm-v2-row strong{font-size:8px;color:#d7d4ce}
.crm-v2-row .warn{color:#e0ae66}
.crm-v2-row .ok{color:#7fd0a0}
.crm-v2-progress{height:7px;background:#292f31;border-radius:999px;overflow:hidden;margin-top:8px}
.crm-v2-progress i{display:block;height:100%;background:var(--sand);border-radius:inherit}

/* finance */
[data-view="finance"] .crm-v2-metric:nth-child(1){--tone:var(--green)}
[data-view="finance"] .crm-v2-metric:nth-child(2){--tone:var(--amber)}
[data-view="finance"] .crm-v2-metric:nth-child(3){--tone:var(--red)}
[data-view="finance"] .crm-v2-metric:nth-child(4){--tone:var(--sand)}
[data-view="finance"] .crm-v2-eyebrow{color:var(--green)}
[data-view="sales"] .crm-v2-eyebrow{color:var(--amber)}
[data-view="goals"] .crm-v2-eyebrow{color:var(--sand)}
[data-view="partners"] .crm-v2-eyebrow{color:#c98f73}

/* pills */
.crm-v2-pill{display:inline-flex;border-radius:999px;padding:4px 7px;background:#252b2d;color:#9ba4a6;font-size:6px;border:1px solid #31383a}
.crm-v2-pill.ok{background:var(--green-soft);color:#8fd5aa;border-color:rgba(105,199,146,.18)}
.crm-v2-pill.warn{background:var(--amber-soft);color:#ddb16f;border-color:rgba(217,166,93,.18)}

/* goals */
.crm-v2-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.crm-v2-goal{border:1px solid var(--line);border-radius:15px;padding:14px;background:#191e20}
.crm-v2-goal small{font-size:6px;color:#707b7e}
.crm-v2-goal b{display:block;font-size:10px;margin:5px 0;color:#ebe7e0}
.crm-v2-goal .crm-v2-progress i{background:var(--sand)}
.crm-v2-goal .crm-v2-goalnums{display:flex;justify-content:space-between;color:#8a9497;font-size:7px;margin-top:7px}

/* partners */
.crm-v2-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.crm-v2-partner{border:1px solid var(--line);border-radius:15px;padding:14px;background:#191e20}
.crm-v2-partner .avatar{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:#2b2522;color:#d9ad96;border:1px solid #46362f;font-size:8px;font-weight:800;margin-bottom:10px
}
.crm-v2-partner b{font-size:9px;color:#ebe7e0}
.crm-v2-partner small{display:block;color:#707b7e;font-size:6px;margin-top:4px}
.crm-v2-partner footer{display:flex;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid var(--line-soft);font-size:6px;color:#9aa3a5}

/* stock */
.crm-v2-stock{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}
.crm-v2-stock article{border:1px solid var(--line);background:#1a1f21;border-radius:11px;padding:10px}
.crm-v2-stock b{font-size:8px;color:#e8e4dd}
.crm-v2-stock small{display:block;font-size:6px;color:#727d80;margin-top:3px}
.crm-v2-stock .low{color:#e0ae66}

/* modal */
.crm-modal{border:1px solid #303739;background:#171b1d;color:#eeeae4;box-shadow:0 30px 90px rgba(0,0,0,.50)}
.crm-modal::backdrop{background:rgba(8,10,11,.76);backdrop-filter:blur(7px)}
.crm-modal label{color:#788386}

/* less blue in generic details */
.crm-empty{color:#778285}
.crm-focus-top>div>small,
.crm-v2-eyebrow{font-weight:700}
.crm-body ::selection{background:rgba(200,176,139,.25);color:#fff}

/* responsive */
@media(max-width:980px){
  .crm-kpis{grid-template-columns:repeat(3,1fr)}
  .crm-v2-summary{grid-template-columns:1fr 1fr}
  .crm-v2-actions{grid-template-columns:1fr 1fr}
  .crm-v2-hero,.crm-v2-grid2{grid-template-columns:1fr}
  .crm-v2-partners{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .crm-shell{grid-template-columns:1fr}
  .crm-sidebar{position:static;height:auto;padding:64px 12px 10px;border-right:0;border-bottom:1px solid var(--line)}
  .crm-brand{margin-bottom:12px}
  .crm-nav{display:flex;overflow:auto;gap:5px;padding-bottom:4px}
  .crm-nav button{white-space:nowrap;min-width:max-content}
  .crm-nav button.active{box-shadow:inset 0 -3px 0 var(--nav-tone)}
  .crm-sidebar-foot{display:none}
  .crm-main{padding:22px 12px 85px}
  .crm-head{align-items:flex-start;flex-direction:column}
  .crm-head-actions{width:100%;overflow:auto}
  .crm-kpis{grid-template-columns:1fr 1fr}
  .crm-layout{grid-template-columns:1fr}
  .crm-v2-goals,.crm-v2-partners{grid-template-columns:1fr}
  .crm-v2-table{min-width:660px}
  .crm-v2-card:has(.crm-v2-table){overflow:auto}
}
@media(max-width:460px){
  .crm-kpis{grid-template-columns:1fr 1fr}
  .crm-v2-summary{grid-template-columns:1fr 1fr}
  .crm-v2-actions{grid-template-columns:1fr}
  .crm-v2-stock{grid-template-columns:1fr}
  .crm-v2-metric b{font-size:16px}
  .crm-head h1{font-size:26px}
}