/* ==========================================================
   SOLKING PREMIUM UI 2026-09-10
   Camada visual global para desktop + aplicativo.
   Não altera banco, regras de negócio nem permissões.
   ========================================================== */
:root{
  --sk-premium-navy:#06172f;
  --sk-premium-blue:#087ee8;
  --sk-premium-cyan:#20bdf2;
  --sk-premium-gold:#ffc400;
  --sk-premium-orange:#ff9500;
  --sk-premium-green:#10b981;
  --sk-premium-radius:16px;
  --sk-premium-shadow:0 10px 30px rgba(5,34,74,.08);
  --sk-premium-shadow-hover:0 16px 40px rgba(5,34,74,.13);
}

body{
  background:
    radial-gradient(circle at 82% -8%,rgba(32,189,242,.10),transparent 30%),
    radial-gradient(circle at 10% 0%,rgba(255,196,0,.08),transparent 28%),
    var(--bg);
}
body[data-theme="dark"]{
  --bg:#06111f;
  --surface:#0b1a2d;
  --surface2:#10233a;
  --border:#1c3550;
  --border2:#2a4967;
  --text:#f6f9ff;
  --muted:#9eb2c9;
  --sidebar:#071728;
  --topbar:rgba(6,17,31,.91);
  --input:#0a1d32;
  --shadow:0 16px 40px rgba(0,0,0,.23);
  background:
    radial-gradient(circle at 82% -8%,rgba(0,139,255,.16),transparent 32%),
    radial-gradient(circle at 12% 0%,rgba(255,196,0,.08),transparent 26%),
    #06111f;
}

.sk-shell{grid-template-columns:238px minmax(0,1fr)}
.sk-sidebar{
  padding:14px 11px;
  border-right:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  box-shadow:8px 0 30px rgba(7,27,75,.035);
  z-index:2600;
}
.sk-brand{
  min-height:66px;
  padding:6px 9px 14px;
  border-bottom:1px solid var(--border);
}
.sk-brand img{width:150px;max-height:54px;object-fit:contain}
.sk-nav-label{font-size:9px;letter-spacing:1.25px;padding:11px 10px 5px}
.sk-nav{gap:3px}
.sk-nav a{
  min-height:39px;
  border-radius:11px;
  padding:8px 10px;
  font-size:12px;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.sk-nav a:hover{transform:translateX(2px);background:rgba(8,126,232,.08)}
.sk-nav a.active{
  background:linear-gradient(100deg,rgba(8,126,232,.14),rgba(32,189,242,.07));
  border-color:rgba(8,126,232,.22);
  box-shadow:inset 3px 0 0 var(--sk-premium-gold),0 6px 18px rgba(8,126,232,.08);
}
body[data-theme="dark"] .sk-nav a.active{
  color:#fff;
  background:linear-gradient(100deg,rgba(0,132,255,.24),rgba(9,73,125,.14));
  border-color:rgba(31,166,255,.34);
}
.sk-nav .ico{
  display:grid;place-items:center;
  width:24px;height:24px;border-radius:8px;
  background:color-mix(in srgb,var(--surface2) 88%,transparent);
}
.sk-sidebar-footer{padding-top:12px}

.sk-topbar{
  min-height:68px;
  padding:10px 22px;
  background:var(--topbar);
  border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 6px 24px rgba(7,27,75,.04);
  z-index:2300;
}
.sk-top-title h1{font-size:20px;letter-spacing:-.35px;font-weight:900}
.sk-top-title p{font-size:10.5px}
.sk-content{max-width:1720px;padding:20px 22px 28px}

.sk-card{
  border-radius:var(--sk-premium-radius);
  border-color:color-mix(in srgb,var(--border) 88%,transparent);
  box-shadow:var(--sk-premium-shadow);
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
.sk-card:hover{border-color:color-mix(in srgb,var(--sk-premium-blue) 22%,var(--border));box-shadow:var(--sk-premium-shadow-hover)}
.sk-list-item{
  border-radius:13px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface2) 92%,transparent));
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.sk-list-item:hover{transform:translateY(-1px);border-color:rgba(8,126,232,.25);box-shadow:0 8px 22px rgba(7,27,75,.07)}

.sk-btn,.sk-icon-btn{border-radius:11px;min-height:39px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.sk-btn:hover,.sk-icon-btn:hover{transform:translateY(-1px)}
.sk-btn.primary{background:linear-gradient(135deg,#087ee8,#20bdf2);box-shadow:0 8px 18px rgba(8,126,232,.18)}
.sk-btn.gold{background:linear-gradient(135deg,#ffd21a,#ff9800);box-shadow:0 8px 18px rgba(255,166,0,.16)}

.sk-field input,.sk-field select,.sk-field textarea,.sk-toolbar input,.sk-toolbar select{
  border-radius:11px;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.sk-field input:focus,.sk-field select:focus,.sk-field textarea:focus,.sk-toolbar input:focus,.sk-toolbar select:focus{
  border-color:#168fe9;
  box-shadow:0 0 0 3px rgba(22,143,233,.11);
  outline:none;
}
.sk-badge{border-radius:999px;font-weight:900}
.sk-badge.green{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.27);color:#0a8b60}
.sk-badge.blue{background:rgba(8,126,232,.10);border-color:rgba(8,126,232,.27);color:#0870ce}
.sk-badge.gold{background:rgba(255,196,0,.13);border-color:rgba(255,175,0,.32);color:#8d6200}
.sk-badge.red{background:rgba(239,68,68,.09);border-color:rgba(239,68,68,.25);color:#c02e3c}
body[data-theme="dark"] .sk-badge.green{color:#77efbf}
body[data-theme="dark"] .sk-badge.blue{color:#81caff}
body[data-theme="dark"] .sk-badge.gold{color:#ffe27a}
body[data-theme="dark"] .sk-badge.red{color:#ff9da8}

.sk-table-wrap{border-radius:14px;box-shadow:0 6px 20px rgba(7,27,75,.04)}
.sk-table th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--surface2) 96%,transparent);letter-spacing:.03em}
.sk-table tbody tr{transition:background .12s ease}
.sk-table tbody tr:hover{background:rgba(8,126,232,.035)}

/* Mapa sempre atrás da navegação/modal global. */
.leaflet-container{position:relative!important;z-index:0!important;isolation:isolate}
.sk-sidebar{z-index:3000!important}
.sk-topbar{z-index:2500!important}

/* Barra inferior exclusiva da experiência mobile/app. */
.sk-mobile-bottom{display:none}
.sk-mobile-bottom a,.sk-mobile-bottom button{font-family:inherit}

/* Aplicativo nativo e celular: tipografia maior, toque confortável e navegação de app. */
@media(max-width:980px){
  .sk-shell{display:block;min-height:100dvh}
  .sk-sidebar{
    width:min(86vw,320px);
    left:calc(-1 * min(86vw,320px) - 18px);
    padding:calc(14px + env(safe-area-inset-top)) 12px 20px;
    transition:left .22s cubic-bezier(.2,.8,.2,1);
  }
  .sk-sidebar.open{left:0;box-shadow:26px 0 70px rgba(0,0,0,.27)}
  body.sk-menu-open::after{
    content:"";position:fixed;inset:0;background:rgba(3,15,29,.44);z-index:2800;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)
  }
  .sk-topbar{
    min-height:68px;
    padding:calc(9px + env(safe-area-inset-top)) 14px 9px;
    align-items:center;
  }
  .sk-top-title h1{font-size:21px}
  .sk-top-title p{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72vw}
  .sk-mobile-menu{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:20px}
  .sk-content{padding:16px 13px calc(92px + env(safe-area-inset-bottom))}
  .sk-card{border-radius:18px;padding:15px}
  .sk-list{gap:10px}
  .sk-list-item{border-radius:16px;padding:13px}
  .sk-list-item h4{font-size:14px}
  .sk-list-item p{font-size:11px;line-height:1.5}
  .sk-btn,.sk-icon-btn{min-height:44px;font-size:12px;border-radius:12px}
  .sk-icon-btn{width:44px}
  .sk-field label{font-size:11px;margin-bottom:5px}
  .sk-field input,.sk-field select{height:46px;font-size:14px}
  .sk-field textarea{font-size:14px;min-height:92px}
  .sk-toolbar input,.sk-toolbar select{height:44px;font-size:13px}
  .sk-section-head{margin-bottom:14px}
  .sk-section-head h2{font-size:22px;letter-spacing:-.3px}
  .sk-section-head h3{font-size:17px}
  .sk-section-head p{font-size:11.5px;line-height:1.45}
  .sk-kpi strong{font-size:26px}
  .sk-summary .item{border-radius:13px;padding:10px 12px}
  .sk-summary .item b{font-size:17px}
  .sk-wizard{overflow:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}
  .sk-wizard::-webkit-scrollbar{display:none}
  .sk-step{white-space:nowrap;min-height:38px;display:inline-flex;align-items:center;padding:0 12px;font-size:10px}

  .sk-mobile-bottom{
    position:fixed;
    left:10px;right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    height:66px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
    z-index:2700;
    border:1px solid color-mix(in srgb,var(--border) 88%,transparent);
    border-radius:22px;
    background:color-mix(in srgb,var(--surface) 94%,transparent);
    backdrop-filter:blur(20px) saturate(140%);
    -webkit-backdrop-filter:blur(20px) saturate(140%);
    box-shadow:0 14px 40px rgba(7,27,75,.18);
    overflow:hidden;
  }
  .sk-mobile-bottom a,.sk-mobile-bottom button{
    height:100%;border:0;background:transparent;color:var(--muted);text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:9px;font-weight:850;padding:3px;min-width:0;
  }
  .sk-mobile-bottom .ico{font-size:20px;line-height:1}
  .sk-mobile-bottom a.active{color:var(--sk-premium-blue)}
  .sk-mobile-bottom a.active::after{
    content:"";width:24px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--sk-premium-gold),var(--sk-premium-orange));
    position:absolute;bottom:4px
  }
  .sk-mobile-bottom button{cursor:pointer}
  .sk-table-wrap{-webkit-overflow-scrolling:touch;border-radius:15px}
}

@media(max-width:700px){
  .sk-content{padding-left:11px;padding-right:11px}
  .sk-topbar{gap:8px}
  .sk-top-title{min-width:0}
  .sk-grid.cols-2,.sk-grid.cols-3,.sk-grid.cols-4{grid-template-columns:1fr}
  .sk-toolbar{display:grid;grid-template-columns:1fr 1fr}
  .sk-toolbar input{grid-column:1/-1;min-width:0}
  .sk-toolbar select{min-width:0;width:100%}
}

/* Ajustes especiais quando está realmente dentro do Capacitor. */
html.solking-native-app body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
html.solking-native-app .sk-topbar{padding-top:max(10px,env(safe-area-inset-top))}
html.solking-native-app .sk-sidebar-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
html.solking-native-app #skNativeFab{bottom:calc(82px + env(safe-area-inset-bottom))!important}
html.solking-native-app .sk-content{padding-bottom:calc(102px + env(safe-area-inset-bottom))}

/* ==========================================================
   ACABAMENTO POR MÓDULO — inspirado nos mockups aprovados
   ========================================================== */
.dashboard-kpis{gap:14px!important}
.dashboard-kpis>.sk-card,.finance-kpi,.eq-stat{
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 76%,var(--surface)));
  border-color:color-mix(in srgb,var(--border) 86%,transparent);
}
#clientMap,#homologationMap,#plantsMap,.dim-map-wrap{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent),0 12px 32px rgba(7,27,75,.07);
}
.client-layout,.budget-layout,.sales-layout,.hom-layout,.installation-layout,.plants-layout,.dim-shell{gap:18px!important}
.sale-topic-tabs,.hom-topic-tabs,.installation-topic-tabs,.finance-tabs{
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface2) 88%,transparent)!important;
  border-color:var(--border)!important;
}
.sale-topic-tabs button.active,.hom-topic-tabs button.active,.installation-topic-tabs button.active{
  background:linear-gradient(135deg,#071b4b,#0a68b2)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 20px rgba(7,27,75,.18)!important;
}
body[data-theme="dark"] .sale-topic-tabs button.active,
body[data-theme="dark"] .hom-topic-tabs button.active,
body[data-theme="dark"] .installation-topic-tabs button.active{
  background:linear-gradient(135deg,#0b65bd,#0b9ee8)!important;
}
.plant-list-item.active{border-color:#0b88ed!important;box-shadow:0 0 0 2px rgba(11,136,237,.10),0 10px 24px rgba(7,27,75,.08)!important}
.dim-card,.hom-section,.installation-media-card,.sale-edit-section{
  border-radius:16px!important;
  border-color:var(--border)!important;
  background:var(--surface)!important;
  box-shadow:0 8px 22px rgba(7,27,75,.045)!important;
}
body[data-theme="dark"] .dim-card,body[data-theme="dark"] .hom-section,body[data-theme="dark"] .installation-media-card,body[data-theme="dark"] .sale-edit-section{
  background:var(--surface)!important;
}

@media(max-width:980px){
  .client-layout,.budget-layout,.sales-layout,.hom-layout,.installation-layout,.plants-layout,.dim-shell{grid-template-columns:1fr!important;gap:12px!important}
  #clientMap,#homologationMap,#plantsMap{height:min(54vh,480px)!important;min-height:330px!important;border-radius:18px!important}
  .dim-map-wrap{min-height:54vh;border-radius:18px!important;overflow:hidden}
  .plants-map-card{position:relative;z-index:0!important}
  .plants-toolbar{grid-template-columns:1fr!important}
  .plant-list{max-height:none!important;overflow:visible!important}
  .sale-date-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .sale-date-toolbar>input:first-child{grid-column:1/-1}
  .attach-grid,.installation-media-grid{grid-template-columns:1fr!important}
  .sale-topic-tabs,.hom-topic-tabs,.installation-topic-tabs{
    position:relative!important;top:auto!important;z-index:10!important;
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;
    padding:6px!important;margin:8px 0 12px!important;
  }
  .sale-topic-tabs::-webkit-scrollbar,.hom-topic-tabs::-webkit-scrollbar,.installation-topic-tabs::-webkit-scrollbar{display:none}
  .sale-topic-tabs button,.hom-topic-tabs button,.installation-topic-tabs button{min-width:max-content!important;min-height:42px!important;font-size:11px!important}
  .sale-process-actions,.sale-save-sticky,.hom-save-sticky,.installation-save-sticky{
    position:relative!important;bottom:auto!important;z-index:8!important;border-radius:14px!important;
  }
  .dim-toolbar{gap:7px!important}
  .dim-toolbar .sk-btn,.dim-mini-btn{min-height:42px!important;font-size:11px!important}
  .dim-head{flex-direction:column!important}
  .dim-head .dim-toolbar{width:100%}
}

/* ==========================================================
   SOLKING REFERENCE UI V2 — 2026-09-10
   Refatoração visual profunda baseada nos mockups aprovados.
   Mantém regras e dados; muda composição, hierarquia e acabamento.
   ========================================================== */
:root{
  --sk-ref-bg:#f4f8fd;
  --sk-ref-surface:#ffffff;
  --sk-ref-surface-soft:#f8fbff;
  --sk-ref-border:#dbe7f3;
  --sk-ref-navy:#071b4b;
  --sk-ref-navy-2:#0a254d;
  --sk-ref-blue:#087ff5;
  --sk-ref-cyan:#16b9ed;
  --sk-ref-yellow:#ffbf00;
  --sk-ref-orange:#ff8a00;
  --sk-ref-green:#14c77a;
  --sk-ref-red:#ff4d5f;
  --sk-ref-purple:#7957ff;
  --sk-ref-shadow:0 8px 26px rgba(22,57,99,.08);
  --sk-ref-shadow-strong:0 16px 42px rgba(22,57,99,.13);
}
body:not([data-theme="dark"]){--bg:var(--sk-ref-bg);--surface:#fff;--surface2:#f7fbff;--border:#dbe7f3;--border2:#cddcea;--text:#0c1d3b;--muted:#6d809a;--sidebar:#fff;--topbar:rgba(255,255,255,.96);--input:#fff}
body[data-theme="dark"]{--bg:#071321;--surface:#0b1c2f;--surface2:#10263d;--border:#203a55;--border2:#2b4a68;--text:#f4f8ff;--muted:#9bb0c8;--sidebar:#071522;--topbar:rgba(7,19,33,.96);--input:#0b1d31}
body{background:var(--bg)!important;background-image:none!important}

/* Estrutura desktop como os mockups */
@media(min-width:981px){
  .sk-shell{grid-template-columns:194px minmax(0,1fr)!important;background:var(--bg)}
  .sk-sidebar{padding:12px 10px!important;box-shadow:none!important;border-right:1px solid var(--border)!important}
  .sk-brand{min-height:72px!important;margin:0 0 10px!important;padding:7px 8px 13px!important}
  .sk-brand img{width:142px!important;max-height:54px!important}
  .sk-nav-label{display:none!important}
  .sk-nav{gap:2px!important}
  .sk-nav a{min-height:38px!important;border-radius:9px!important;padding:8px 10px!important;font-size:11px!important;font-weight:750!important;gap:9px!important}
  .sk-nav .ico{width:24px!important;height:24px!important;border-radius:7px!important;font-size:13px!important;background:transparent!important}
  .sk-nav a.active{background:#e9f4ff!important;color:#096cd6!important;border-color:#c9e4ff!important;box-shadow:none!important}
  body[data-theme="dark"] .sk-nav a.active{background:#0a4d83!important;color:#fff!important;border-color:#1266a8!important}
  .sk-sidebar-footer{margin-top:14px!important;padding-top:12px!important}
  .sk-sidebar-footer:before{content:"☀  Energia que transforma vidas";display:block;margin:0 0 12px;padding:16px 12px;border-radius:12px;background:linear-gradient(145deg,#eff8ff,#fff9de);border:1px solid #d7e7f5;color:#0a2c62;font-size:11px;font-weight:900;line-height:1.25;box-shadow:0 5px 18px rgba(26,74,124,.05)}
  body[data-theme="dark"] .sk-sidebar-footer:before{background:linear-gradient(145deg,#0d2d4e,#0b1e34);border-color:#1c4770;color:#fff}
  .sk-topbar{min-height:64px!important;padding:9px 16px!important;gap:12px!important;box-shadow:none!important}
  .sk-top-title-reference{display:none!important}
  .sk-mobile-brand{display:none!important}
  .sk-global-search{display:flex;align-items:center;gap:9px;max-width:520px;width:min(52vw,520px);height:40px;padding:0 12px;border:1px solid var(--border2);border-radius:10px;background:var(--input);color:var(--muted);box-shadow:0 2px 7px rgba(18,56,96,.025)}
  .sk-global-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font-size:11px}
  .sk-global-search-shortcut{font-size:9px;font-weight:800;border:1px solid var(--border);border-radius:6px;padding:3px 6px;background:var(--surface2);white-space:nowrap}
  .sk-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
  .sk-notification-btn{position:relative}.sk-notification-btn i{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#ff394c;border:2px solid var(--surface)}
  .sk-user-chip{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;min-width:128px}
  .sk-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0578f7,#1e9dff);color:white;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(8,127,245,.2)}
  .sk-user-copy{display:flex;flex-direction:column;line-height:1.12}.sk-user-copy b{font-size:10px}.sk-user-copy small{font-size:8px;color:var(--muted);margin-top:2px}
  .sk-content{max-width:none!important;padding:17px 18px 28px!important}
}

/* Cartões e tipografia no padrão das referências */
.sk-card{border-radius:13px!important;border:1px solid var(--border)!important;box-shadow:var(--sk-ref-shadow)!important;background:var(--surface)!important;padding:14px!important}
.sk-card:hover{transform:none!important;box-shadow:var(--sk-ref-shadow)!important}
.sk-section-head{margin-bottom:13px!important;align-items:center!important}
.sk-section-head h2{font-size:23px!important;line-height:1.05;letter-spacing:-.45px;color:var(--text)}
.sk-section-head h3{font-size:15px!important;letter-spacing:-.15px}
.sk-section-head p{font-size:10px!important;line-height:1.45!important;color:var(--muted)!important}
.sk-btn{border-radius:9px!important;min-height:36px!important;font-size:10px!important;padding:0 12px!important}
.sk-btn.primary{background:linear-gradient(135deg,#057cf4,#0ba6f5)!important;box-shadow:0 5px 13px rgba(7,126,239,.18)!important}
.sk-btn.gold{background:linear-gradient(135deg,#ffd428,#ff9d00)!important;color:#10224b!important;box-shadow:0 5px 13px rgba(255,170,0,.16)!important}
.sk-field label{font-size:9.5px!important;font-weight:800!important;color:var(--muted)!important}
.sk-field input,.sk-field select,.sk-toolbar input,.sk-toolbar select{height:38px!important;border-radius:8px!important;font-size:11px!important}
.sk-field textarea{border-radius:8px!important;font-size:11px!important}
.sk-toolbar{gap:7px!important;margin-bottom:10px!important}
.sk-badge{padding:4px 8px!important;font-size:8.5px!important;border-radius:999px!important}
.sk-list{gap:7px!important}.sk-list-item{border-radius:11px!important;padding:10px 11px!important;background:var(--surface)!important;border:1px solid var(--border)!important}
.sk-list-item h4{font-size:11.5px!important}.sk-list-item p{font-size:9px!important}
.sk-summary{gap:7px!important}.sk-summary .item{padding:8px 10px!important;border-radius:9px!important;background:var(--surface2)!important}.sk-summary .item b{font-size:14px!important}

/* Dashboard — composição próxima ao mockup aprovado */
.sk-module-dashboard .sk-content{padding-top:13px!important}
.dash-reference-hero{position:relative;min-height:122px;border-radius:16px;padding:20px 24px;overflow:hidden;background:linear-gradient(102deg,#fff 0%,#f8fbff 46%,#edf7ff 100%);border:1px solid #dbe8f4;margin-bottom:12px;box-shadow:0 6px 22px rgba(22,57,99,.05)}
body[data-theme="dark"] .dash-reference-hero{background:linear-gradient(105deg,#0a1e34,#0b223a 56%,#102f4d);border-color:#234663}
.dash-reference-hero:after{content:"";position:absolute;right:-45px;top:-90px;width:55%;height:250%;background:repeating-linear-gradient(112deg,transparent 0 28px,rgba(10,121,210,.15) 29px 30px),repeating-linear-gradient(20deg,transparent 0 38px,rgba(10,121,210,.12) 39px 40px);transform:skewX(-7deg);opacity:.7}
.dash-reference-hero:before{content:"";position:absolute;right:17%;top:-32px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff5a1 0,#ffd233 13%,rgba(255,172,0,.35) 28%,transparent 67%);filter:blur(.4px);z-index:1}
.dash-hero-copy{position:relative;z-index:2;max-width:610px}.dash-eyebrow{display:block;font-size:8px;letter-spacing:2.2px;font-weight:900;color:#0b66c1;margin-bottom:7px}.dash-hero-copy h2{font-size:27px;margin:0 0 5px;letter-spacing:-.65px;color:var(--text)}.dash-hero-copy h2 span{font-size:22px}.dash-hero-copy p{font-size:11px;color:var(--muted);margin:0 0 9px}.dash-hero-copy small{font-size:8.5px;color:var(--muted);font-weight:700}
.dash-reference-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.dash-reference-kpi{display:grid;grid-template-columns:42px 1fr 12px;align-items:center;gap:9px;min-height:82px;padding:12px;border-radius:13px;text-decoration:none;background:var(--surface);border:1px solid var(--border);box-shadow:0 5px 17px rgba(18,55,93,.04)}.dash-reference-kpi .dash-kpi-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:17px}.dash-reference-kpi small{display:block;font-size:8.5px;color:var(--muted);font-weight:800}.dash-reference-kpi strong{display:block;font-size:20px;line-height:1.08;margin:2px 0;color:var(--text)}.dash-reference-kpi em{display:block;font-size:8px;color:var(--muted);font-style:normal}.dash-reference-kpi>b{font-size:22px;color:var(--muted)}
.dash-reference-kpi.blue .dash-kpi-icon{background:#eaf5ff;color:#087ff5}.dash-reference-kpi.green .dash-kpi-icon{background:#e8fbf3;color:#10ac6b}.dash-reference-kpi.orange .dash-kpi-icon{background:#fff3e3;color:#f18b00}.dash-reference-kpi.green:nth-child(3){background:linear-gradient(145deg,#fff,#f1fff8)}
body[data-theme="dark"] .dash-reference-kpi{background:#0c2136;border-color:#1f3c57}.dash-reference-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:10px;margin-bottom:10px}.dash-performance-card,.dash-task-card,.dash-activity-card,.dash-ops-card{padding:13px!important}.dash-performance-card header,.dash-task-card header,.dash-activity-card header,.dash-ops-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:6px}.dash-card-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.7px;color:var(--muted);margin-bottom:4px}.dash-performance-card header strong,.dash-task-card header strong,.dash-activity-card header strong,.dash-ops-card header strong{display:block;font-size:18px}.dash-performance-card header small{font-size:8px;color:var(--muted)}.dash-task-card header>a{font-size:9px;text-decoration:none;color:#097ce6;font-weight:800}.dash-chart-svg{display:block;width:100%;height:180px;overflow:visible}.dash-chart-grid line{stroke:var(--border);stroke-width:1}.dash-chart-area{fill:url(#dashArea)}.dash-chart-line{fill:none;stroke:#087ff5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dash-chart-dot{fill:#fff;stroke:#087ff5;stroke-width:3}.dash-chart-label{fill:var(--muted);font-size:9px}.dash-task-list{display:flex;flex-direction:column;gap:5px}.dash-task-row{display:grid;grid-template-columns:30px 28px 1fr 10px;align-items:center;gap:6px;text-decoration:none;padding:8px;border-radius:9px;border:1px solid var(--border);background:var(--surface2)}.dash-task-row>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef5ff}.dash-task-row>b{font-size:14px}.dash-task-row strong{font-size:9px;display:block}.dash-task-row small{font-size:7.5px;color:var(--muted)}.dash-task-row>i{font-style:normal;color:var(--muted)}.dash-task-row.orange>span{background:#fff0e1}.dash-task-row.gold>span{background:#fff8d9}.dash-task-row.red>span{background:#fff0f1}.dash-reference-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:10px}.dash-activity-list{display:flex;flex-direction:column}.dash-activity-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.dash-activity-row:last-child{border-bottom:0}.dash-activity-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#087ff5;font-size:12px}.dash-activity-row strong{font-size:9px;display:block}.dash-activity-row small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.dash-activity-row time{font-size:7.5px;color:var(--muted)}.dash-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dash-ops-grid a{text-decoration:none;border:1px solid var(--border);border-radius:10px;padding:11px;background:var(--surface2);display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:7px}.dash-ops-grid span{grid-row:1/3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eaf5ff;color:#087ff5}.dash-ops-grid b{font-size:16px}.dash-ops-grid small{font-size:8px;color:var(--muted)}

/* Clientes — aproxima a referência web e transforma lista em cartões de app no mobile */
.client-reference-title{margin-bottom:10px!important}.client-reference-new{min-width:120px}.client-reference-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.client-reference-kpis>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:10px 11px;border-radius:11px;border:1px solid var(--border);background:var(--surface)}.client-reference-kpis>div>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eaf5ff;color:#087ff5}.client-reference-kpis small{font-size:8px;color:var(--muted);font-weight:800}.client-reference-kpis strong{font-size:18px}.client-layout{grid-template-columns:minmax(420px,.78fr) minmax(0,1.22fr)!important;align-items:start}.client-list-card{grid-column:2}.client-form-card{grid-column:1;grid-row:1}.client-list-card .sk-list{max-height:640px;overflow:auto;padding-right:2px}.client-list-card .sk-list-item{position:relative;padding:12px!important}.client-list-card .sk-list-actions{margin-top:8px!important}.sk-module-clientes #clientMap{height:250px!important;border-radius:11px!important;margin-top:10px!important}

/* Orçamentos — wizard e duas colunas como a referência */
.sk-module-orcamentos .budget-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr)!important;gap:10px!important}.sk-module-orcamentos .sk-wizard{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;padding:0!important;border:1px solid var(--border)!important;border-radius:11px!important;overflow:hidden!important;background:var(--surface)!important}.sk-module-orcamentos .sk-step{border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;min-height:45px!important;background:transparent!important;padding:0 8px!important;font-size:9px!important}.sk-module-orcamentos .sk-step:last-child{border-right:0!important}.sk-module-orcamentos .sk-step.active{background:#e9f4ff!important;color:#0873dd!important;box-shadow:inset 0 -3px 0 #087ff5!important}.sk-module-orcamentos .calc-box{border-radius:10px!important;background:linear-gradient(145deg,#f0f8ff,#fff9e7)!important}.sk-module-orcamentos .equipment-row{border-bottom:1px solid var(--border);padding-bottom:7px}.sk-module-orcamentos #preview{border-radius:12px!important;overflow:hidden}
body[data-theme="dark"].sk-module-orcamentos .calc-box{background:linear-gradient(145deg,#0d2d4b,#2c2713)!important}

/* Vendas — painel de processo próximo ao mockup */
.sales-reference-title{margin-bottom:9px!important}.sales-reference-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.sales-reference-kpis>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.sales-reference-kpis span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:13px}.sales-reference-kpis small{font-size:8px;color:var(--muted);font-weight:800}.sales-reference-kpis strong{font-size:14px}.sales-reference-kpis .blue span{background:#eaf5ff;color:#087ff5}.sales-reference-kpis .green span{background:#e9fbf3;color:#10b36d}.sales-reference-kpis .purple span{background:#f0edff;color:#7455ec}.sales-reference-kpis .orange span{background:#fff1e0;color:#f08a00}.sales-layout{grid-template-columns:minmax(0,1.48fr) minmax(330px,.52fr)!important;gap:10px!important}.sale-detail-reference{min-width:0}.sale-list-reference{min-width:0}.sale-list-reference .sk-list{max-height:680px;overflow:auto}.sale-topic-tabs{padding:4px!important;border-radius:10px!important}.sale-topic-tabs button{border-radius:8px!important;min-height:36px!important}.sale-edit-section{box-shadow:none!important;border-radius:10px!important;padding:10px!important}.sale-process-timeline{border-radius:11px!important}.sale-final-media{border-radius:11px!important}

/* Homologação */
.sk-module-homologacao .hom-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)!important;gap:10px!important}.hom-main{padding:12px!important}.hom-topic-tabs{padding:4px!important;border-radius:10px!important}.hom-topic-tabs button{border-radius:8px!important;min-height:36px!important}.hom-section{box-shadow:none!important;border-radius:10px!important;padding:11px!important}.hom-section-head h3{font-size:13px!important}.hom-section-chip{border-radius:999px!important}.sk-module-homologacao #homologationMap{height:320px!important;border-radius:10px!important}

/* Instalação */
.sk-module-instalacao .installation-layout{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr)!important;gap:10px!important}.installation-main-card,.installation-list-card{padding:12px!important}.installation-topic-tabs{padding:4px!important;border-radius:10px!important}.installation-topic-tabs button{border-radius:8px!important;min-height:36px!important}.installation-list-card .sk-list{max-height:680px;overflow:auto}.installation-media-card{box-shadow:none!important;border-radius:10px!important}

/* Usinas */
.sk-module-usinas .plants-layout{grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr)!important;gap:10px!important}.plants-map-card{padding:10px!important}.plants-toolbar{gap:7px!important;margin-bottom:8px!important}.sk-module-usinas #plantsMap{height:470px!important;min-height:420px!important;border-radius:10px!important}.plant-list-item{border-radius:10px!important;padding:10px!important}.plant-reference-chip{border-radius:999px!important}

/* Dimensionamento */
.sk-module-dimensionamento .dim-shell{grid-template-columns:minmax(0,1.55fr) minmax(290px,.45fr)!important;gap:10px!important}.sk-module-dimensionamento .dim-card{border-radius:10px!important;padding:10px!important;box-shadow:none!important}.sk-module-dimensionamento .dim-map-wrap{min-height:610px!important;border-radius:10px!important}.sk-module-dimensionamento .dim-map-sourcebar{border-radius:9px!important}.sk-module-dimensionamento .dim-savebar{border-radius:10px!important}.sk-module-dimensionamento .dim-stats{grid-template-columns:1fr 1fr!important}.sk-module-dimensionamento .dim-stat{border-radius:9px!important}.sk-module-dimensionamento .dim-head h3{font-size:17px!important}.sk-module-dimensionamento .dim-head h4{font-size:13px!important}

/* Dark: brilho controlado como os mockups, sem neon exagerado */
body[data-theme="dark"] .sk-card,body[data-theme="dark"] .client-reference-kpis>div,body[data-theme="dark"] .sales-reference-kpis>div,body[data-theme="dark"] .dash-reference-kpi{background:#0b1f34!important;border-color:#1d3a56!important;box-shadow:none!important}
body[data-theme="dark"] .sk-list-item{background:#0c2238!important;border-color:#1f3d59!important}.sk-module-dashboard[data-theme="dark"] .dash-reference-hero{box-shadow:none!important}
body[data-theme="dark"] .sk-table th{background:#10283f!important}body[data-theme="dark"] .sk-table tbody tr:hover{background:#0d2a46!important}

/* App/mobile — mesma identidade das imagens de iPhone */
@media(max-width:980px){
  .sk-topbar{height:auto!important;min-height:72px!important;padding:calc(8px + env(safe-area-inset-top)) 14px 8px!important;background:var(--surface)!important;box-shadow:0 1px 0 var(--border)!important}
  .sk-mobile-brand{display:flex;align-items:center;flex:1;min-width:0;text-decoration:none}.sk-mobile-brand img{width:142px;max-width:46vw;max-height:48px;object-fit:contain;object-position:left center}
  .sk-global-search,.sk-top-title-reference,.sk-user-chip,.sk-notification-btn{display:none!important}.sk-top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.sk-top-actions .sk-icon-btn{width:42px;height:42px;border-radius:50%!important}
  .sk-mobile-menu{order:-1;width:42px!important;height:42px!important;border-radius:50%!important}
  .sk-content{padding:14px 12px calc(92px + env(safe-area-inset-bottom))!important}
  .sk-section-head h2{font-size:29px!important;letter-spacing:-.8px!important}.sk-section-head p{font-size:12px!important}
  .sk-card{border-radius:16px!important;padding:13px!important;box-shadow:0 6px 22px rgba(15,48,84,.06)!important}
  .sk-btn{min-height:44px!important;border-radius:11px!important;font-size:11px!important}
  .sk-mobile-bottom{left:0!important;right:0!important;bottom:0!important;height:76px!important;border-radius:20px 20px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important;box-shadow:0 -10px 30px rgba(11,36,66,.1)!important;grid-template-columns:repeat(5,1fr)!important}
  .sk-mobile-bottom a,.sk-mobile-bottom button{font-size:10px!important;gap:4px!important}.sk-mobile-bottom .ico{font-size:22px!important}.sk-mobile-bottom a.active{color:#ffad00!important}.sk-mobile-bottom a.active::after{width:32px!important;background:#ffb800!important;bottom:5px!important}
  .dash-reference-hero{min-height:156px;padding:18px;border-radius:18px;margin-bottom:11px}.dash-reference-hero:after{right:-160px;width:110%;opacity:.58}.dash-hero-copy{max-width:75%}.dash-hero-copy h2{font-size:28px}.dash-hero-copy p{font-size:12px}.dash-reference-kpis{grid-template-columns:1fr 1fr;gap:9px}.dash-reference-kpi{grid-template-columns:40px 1fr 8px;min-height:91px;padding:12px}.dash-reference-kpi strong{font-size:20px}.dash-reference-main,.dash-reference-bottom{grid-template-columns:1fr}.dash-chart-svg{height:165px}.dash-task-card{display:none}
  .client-reference-kpis{grid-template-columns:1fr 1fr}.client-layout{grid-template-columns:1fr!important}.client-list-card{grid-column:1;grid-row:1}.client-form-card{grid-column:1;grid-row:2}.client-list-card .sk-list{max-height:none;overflow:visible}.client-list-card .sk-list-item{border-radius:16px!important;padding:14px!important}.client-list-card .sk-list-item h4{font-size:17px!important}.client-list-card .sk-list-item p{font-size:11px!important}.client-list-card .sk-list-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.client-reference-new{min-width:0}
  .sales-reference-kpis{grid-template-columns:1fr 1fr}.sales-reference-kpis>div:last-child{grid-column:1/-1}.sales-layout{grid-template-columns:1fr!important}.sale-list-reference{grid-row:1}.sale-detail-reference{grid-row:2}.sale-list-reference .sk-list{max-height:none;overflow:visible}.sale-list-reference .sk-list-item{border-radius:16px!important;padding:14px!important}.sale-list-reference .sk-list-item h4{font-size:16px!important}.sale-list-reference .sk-list-item p{font-size:10.5px!important}
  .sk-module-orcamentos .budget-layout,.sk-module-homologacao .hom-layout,.sk-module-instalacao .installation-layout,.sk-module-usinas .plants-layout,.sk-module-dimensionamento .dim-shell{grid-template-columns:1fr!important}.sk-module-orcamentos .sk-wizard{display:flex!important;overflow:auto!important}.sk-module-orcamentos .sk-step{min-width:max-content!important;border-right:1px solid var(--border)!important;padding:0 12px!important}.sk-module-usinas #plantsMap{height:440px!important;min-height:380px!important}.sk-module-dimensionamento .dim-map-wrap{min-height:64vh!important}.sk-module-dimensionamento .dim-side{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sk-module-dimensionamento .dim-side .dim-card{margin:0!important}.sk-module-dimensionamento .dim-side .dim-card:first-child,.sk-module-dimensionamento .dim-side .dim-card:last-child{grid-column:1/-1}
}
@media(max-width:600px){
  .dash-reference-kpis,.client-reference-kpis,.sales-reference-kpis{grid-template-columns:1fr 1fr}.dash-reference-kpi{min-width:0}.dash-reference-kpi strong{font-size:18px}.dash-reference-kpi em{font-size:7.5px}.client-reference-kpis>div,.sales-reference-kpis>div{min-width:0}.sk-module-dimensionamento .dim-side{grid-template-columns:1fr}.sk-module-dimensionamento .dim-side .dim-card{grid-column:1!important}.client-list-card .sk-list-actions{grid-template-columns:1fr!important}.client-reference-title{align-items:flex-start!important}.client-reference-new{font-size:10px!important;padding:0 9px!important}.sale-date-toolbar{grid-template-columns:1fr!important}.sale-date-toolbar>*{grid-column:1!important;width:100%!important}
}

/* KPIs de módulos operacionais */
.hom-reference-kpis,.installation-reference-kpis,.plants-reference-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.hom-reference-kpis>div,.installation-reference-kpis>div,.plants-reference-kpis>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.hom-reference-kpis span,.installation-reference-kpis span,.plants-reference-kpis span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:13px}
.hom-reference-kpis small,.installation-reference-kpis small,.plants-reference-kpis small{font-size:8px;color:var(--muted);font-weight:800}
.hom-reference-kpis strong,.installation-reference-kpis strong,.plants-reference-kpis strong{font-size:16px}
.hom-reference-kpis .blue span,.installation-reference-kpis .blue span,.plants-reference-kpis .blue span{background:#eaf5ff;color:#087ff5}
.hom-reference-kpis .green span,.installation-reference-kpis .green span,.plants-reference-kpis .green span{background:#e8fbf3;color:#10b36d}
.hom-reference-kpis .gold span,.installation-reference-kpis .gold span,.plants-reference-kpis .gold span{background:#fff8d9;color:#d79600}
.hom-reference-kpis .orange span,.installation-reference-kpis .orange span,.plants-reference-kpis .orange span{background:#fff0e0;color:#f08a00}
.hom-reference-kpis .red span,.installation-reference-kpis .red span,.plants-reference-kpis .red span{background:#fff0f2;color:#e64859}
body[data-theme="dark"] .hom-reference-kpis>div,body[data-theme="dark"] .installation-reference-kpis>div,body[data-theme="dark"] .plants-reference-kpis>div{background:#0b1f34;border-color:#1d3a56}
@media(max-width:980px){.hom-reference-kpis,.installation-reference-kpis,.plants-reference-kpis{grid-template-columns:1fr 1fr}}

/* ==========================================================
   SOLKING VISUAL V3 — referência profunda 2026-09-10
   Dashboard, Vendas, Usinas, Dimensionamento e status semânticos.
   ========================================================== */

/* Status semânticos — verde concluído, azul andamento, amarelo pendente, vermelho problema. */
.sk-badge.green,.sale-state-pill.green{background:#e9fbf3!important;color:#0b8c57!important;border-color:#b8ecd2!important}
.sk-badge.blue,.sale-state-pill.blue{background:#eaf5ff!important;color:#0877dc!important;border-color:#badcff!important}
.sk-badge.gold,.sale-state-pill.gold{background:#fff7df!important;color:#a56b00!important;border-color:#f4d37c!important}
.sk-badge.red,.sale-state-pill.red{background:#fff0f1!important;color:#d72d3b!important;border-color:#ffc8cf!important}
body[data-theme="dark"] .sk-badge.green,body[data-theme="dark"] .sale-state-pill.green{background:rgba(16,185,129,.13)!important;color:#53e3aa!important;border-color:rgba(16,185,129,.32)!important}
body[data-theme="dark"] .sk-badge.blue,body[data-theme="dark"] .sale-state-pill.blue{background:rgba(22,140,241,.14)!important;color:#58b2ff!important;border-color:rgba(22,140,241,.34)!important}
body[data-theme="dark"] .sk-badge.gold,body[data-theme="dark"] .sale-state-pill.gold{background:rgba(245,158,11,.14)!important;color:#ffc85a!important;border-color:rgba(245,158,11,.34)!important}
body[data-theme="dark"] .sk-badge.red,body[data-theme="dark"] .sale-state-pill.red{background:rgba(239,68,68,.14)!important;color:#ff8181!important;border-color:rgba(239,68,68,.34)!important}

/* Dashboard V3 */
.dash-reference-hero-v3{
  min-height:150px!important;
  display:flex;align-items:center;
  padding:24px 28px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.25) 68%,rgba(255,255,255,.05) 100%),
    url('../assets/dashboard-hero-solking.jpg') center right/cover no-repeat!important;
  border-color:#d8e7f3!important;
}
.dash-reference-hero-v3:before,.dash-reference-hero-v3:after{display:none!important}
body[data-theme="dark"] .dash-reference-hero-v3{
  background:
    linear-gradient(90deg,rgba(4,16,30,.97) 0%,rgba(4,16,30,.91) 40%,rgba(4,16,30,.36) 72%,rgba(4,16,30,.08) 100%),
    url('../assets/dashboard-hero-solking.jpg') center right/cover no-repeat!important;
  border-color:#25415d!important;
}
.dash-reference-hero-v3 .dash-hero-copy{max-width:58%}
.dash-reference-hero-v3 .dash-hero-copy h2{font-size:31px!important}
.dash-hero-slogan{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:2;text-align:right;color:#071b4b;text-shadow:0 1px 18px rgba(255,255,255,.8)}
.dash-hero-slogan b{display:block;font-size:9px;letter-spacing:2.3px;margin-bottom:4px}.dash-hero-slogan span{display:block;font-size:15px;line-height:1.15;font-weight:900}
body[data-theme="dark"] .dash-hero-slogan{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.dash-kpis-v3 .dash-reference-kpi{min-height:88px!important}
.dash-reference-main-v3{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;align-items:stretch}
.dash-reference-bottom-v3{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)!important}
.dash-chart-shell{position:relative;min-height:210px}.dash-chart-hit{fill:transparent;cursor:pointer}.dash-chart-pulse{fill:rgba(22,140,241,.10);opacity:0;transition:.16s}.dash-chart-point:hover .dash-chart-pulse,.dash-chart-point:focus .dash-chart-pulse,.dash-chart-point.selected .dash-chart-pulse{opacity:1}.dash-chart-point:focus{outline:none}.dash-chart-point.selected .dash-chart-dot{fill:#168cf1;stroke:#fff;stroke-width:2}.dash-chart-tooltip{position:absolute;z-index:12;min-width:128px;padding:8px 10px;border-radius:10px;background:#06172f;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);pointer-events:none}.dash-chart-tooltip strong,.dash-chart-tooltip span{display:block}.dash-chart-tooltip strong{font-size:10px;text-transform:capitalize}.dash-chart-tooltip span{font-size:13px;font-weight:900;margin-top:2px;color:#5cc0ff}
.dash-map-card{padding:13px!important;min-width:0}.dash-map-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:7px}.dash-map-card header strong{display:block;font-size:17px}.dash-map-card header a{font-size:9px;color:#087ee8;text-decoration:none;font-weight:800}.dash-mini-map{position:relative;height:188px;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:linear-gradient(145deg,#eef8ff,#dceef8 60%,#cfe6f0)}body[data-theme="dark"] .dash-mini-map{background:linear-gradient(145deg,#081b2e,#0e2a42 55%,#0b2034)}.dash-brazil-shape{position:absolute;inset:10% 14% 8% 12%;clip-path:polygon(35% 0,58% 7%,74% 21%,87% 43%,75% 62%,68% 84%,51% 100%,37% 82%,22% 73%,12% 52%,0 35%,14% 16%);background:linear-gradient(160deg,rgba(57,165,117,.13),rgba(22,140,241,.12));border:1px solid rgba(22,140,241,.18)}.dash-map-pin{position:absolute;transform:translate(-50%,-100%);width:27px;height:27px;border:0;border-radius:50% 50% 50% 8px;rotate:-45deg;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer;z-index:3}.dash-map-pin span{display:block;rotate:45deg;font-size:13px}.dash-map-pin.green{background:#10b981}.dash-map-pin.blue{background:#168cf1}.dash-map-pin.gold{background:#f59e0b}.dash-map-pin.red{background:#ef4444}.dash-map-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:8px}.dash-map-legend span{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.dash-map-legend i{width:7px;height:7px;border-radius:50%}.dash-map-legend b{margin-left:auto;color:var(--text)}.dash-map-legend .green i{background:#10b981}.dash-map-legend .blue i{background:#168cf1}.dash-map-legend .gold i{background:#f59e0b}.dash-map-legend .red i{background:#ef4444}.dash-map-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:9px}

/* Vendas V3 — layout da referência de instalação aplicado ao funil completo da venda */
.sales-layout-v3{grid-template-columns:minmax(410px,.72fr) minmax(0,1.28fr)!important;align-items:start}.sale-list-reference-v3{padding:10px!important;position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:hidden}.sale-card-list{display:grid;gap:8px;max-height:calc(100vh - 215px);overflow:auto;padding:2px 3px 4px 0}.sale-journey-card{border:1px solid var(--border);border-radius:13px;padding:10px;background:var(--surface);transition:.14s;cursor:pointer}.sale-journey-card:hover,.sale-journey-card.active{border-color:rgba(22,140,241,.55);box-shadow:0 7px 22px rgba(22,140,241,.09);transform:translateY(-1px)}.sale-journey-card.active{box-shadow:inset 3px 0 0 #ffc400,0 7px 22px rgba(22,140,241,.08)}.sale-journey-top{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px}.sale-journey-photo{height:65px;border-radius:9px;overflow:hidden;background:#eef6fb;border:1px solid var(--border)}.sale-journey-photo img{width:100%;height:100%;object-fit:cover}.sale-journey-copy{min-width:0}.sale-journey-name{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.sale-journey-name h4{margin:0 0 2px;font-size:11px}.sale-journey-name p{margin:0;font-size:8px;color:var(--muted)}.sale-journey-name>strong{font-size:10px;white-space:nowrap}.sale-journey-status{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:7px}.sale-journey-status small{font-size:7.5px;color:var(--muted)}.sale-state-pill{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:8px;font-weight:900}.sale-journey-footer{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}.sale-journey-footer>span{font-size:7.5px;color:var(--muted)}.sale-mini-open,.sale-mini-delete{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:8px;min-height:28px;padding:4px 8px;font-size:8px;font-weight:800}.sale-mini-delete{color:#d92c3b;margin-left:4px}.sale-detail-reference-v3{padding:12px!important;min-width:0}.sale-overview-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:13px;padding:12px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 60%,transparent));margin-bottom:10px}.sale-overview-photo{height:132px;border-radius:11px;overflow:hidden}.sale-overview-photo img{width:100%;height:100%;object-fit:cover}.sale-overview-main{min-width:0}.sale-overview-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sale-overview-code{font-size:7.5px;color:var(--muted);font-weight:900;letter-spacing:.5px}.sale-overview-title h2{font-size:19px;margin:2px 0}.sale-overview-title p{margin:0;color:var(--muted);font-size:9px}.sale-overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.sale-overview-metrics>div{padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.sale-overview-metrics small{display:block;font-size:7px;color:var(--muted)}.sale-overview-metrics strong{display:block;font-size:10px;margin-top:2px}.sale-contact-actions{display:flex;gap:6px;flex-wrap:wrap}.sale-contact-btn{min-height:33px;padding:7px 10px;border-radius:9px;text-decoration:none;font-size:8px;font-weight:900;border:1px solid var(--border)}.sale-contact-btn.whatsapp{background:#14b86f;color:#fff;border-color:#14b86f}.sale-contact-btn.phone{background:#168cf1;color:#fff;border-color:#168cf1}.sale-contact-btn.email{background:var(--surface2);color:var(--text)}
.sale-stage-ribbon{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:11px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);margin-bottom:10px}.sale-stage-ribbon:before{content:"";position:absolute;left:8%;right:8%;top:25px;height:2px;background:var(--border);z-index:0}.sale-stage-node{position:relative;z-index:1;text-align:center;min-width:0}.sale-stage-node i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin:0 auto 5px;background:#fff;border:2px solid #cbd5e1;color:#fff;font-style:normal;font-size:9px;font-weight:900;box-shadow:0 0 0 3px var(--surface2)}body[data-theme="dark"] .sale-stage-node i{background:#0b1f34}.sale-stage-node.green i{background:#10b981;border-color:#10b981}.sale-stage-node.blue i{background:#168cf1;border-color:#168cf1}.sale-stage-node.gold i{background:#f59e0b;border-color:#f59e0b}.sale-stage-node.red i{background:#ef4444;border-color:#ef4444}.sale-stage-node.muted i{background:#94a3b8;border-color:#94a3b8}.sale-stage-node span{display:block;font-size:7.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-stage-node small{display:block;font-size:6.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sale-stage-ribbon.compact{padding:7px 5px 4px;margin:8px 0 0;border:0;background:transparent}.sale-stage-ribbon.compact:before{top:15px;left:8%;right:8%}.sale-stage-ribbon.compact .sale-stage-node i{width:15px;height:15px;margin-bottom:3px;border-width:2px;box-shadow:0 0 0 2px var(--surface)}.sale-stage-ribbon.compact .sale-stage-node span{font-size:6px}.sale-status-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.sale-status-legend span{display:flex;align-items:center;gap:4px;font-size:7px;color:var(--muted)}.sale-status-legend i{width:7px;height:7px;border-radius:50%}.sale-status-legend .green i{background:#10b981}.sale-status-legend .blue i{background:#168cf1}.sale-status-legend .gold i{background:#f59e0b}.sale-status-legend .red i{background:#ef4444}.sale-legacy-summary{margin-top:10px!important}

/* Financeiro: equipamento continua como custo, mas sem status visual de pagamento. */
.finance-equipment-auto{background:linear-gradient(90deg,rgba(22,140,241,.045),transparent)}.finance-auto-note{display:block;margin-top:3px;font-size:7.5px!important;color:var(--muted)!important;font-weight:700!important}.finance-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}

/* Usinas V3 — marcador com placa solar e semântica de cores */
.plant-map-pin{width:28px!important;height:28px!important;border-radius:50% 50% 50% 7px!important;display:grid!important;place-items:center!important;transform:rotate(-45deg)!important}.plant-map-pin::after{display:none!important}.plant-map-pin span{display:block;transform:rotate(45deg);font-size:14px;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22)}.plant-map-pin-wrap{width:34px!important;height:38px!important}.plant-map-pin.selected{box-shadow:0 0 0 5px color-mix(in srgb,var(--pin,#64748b) 22%,transparent),0 5px 12px rgba(0,0,0,.28)!important}.plants-reference-kpis>div{box-shadow:0 5px 16px rgba(7,27,75,.045)}

/* Dimensionamento V3 — barra de ferramentas flutuante conforme referência */
.dim-map-wrap{position:relative}.dim-reference-toolrail{position:absolute;left:12px;top:64px;z-index:890;display:flex;flex-direction:column;gap:5px;padding:6px;border-radius:12px;background:rgba(255,255,255,.94);border:1px solid rgba(206,220,232,.92);box-shadow:0 10px 30px rgba(5,28,55,.16);backdrop-filter:blur(10px)}body[data-theme="dark"] .dim-reference-toolrail{background:rgba(7,22,38,.94);border-color:#29425b}.dim-reference-toolrail button{width:68px;min-height:51px;border:0;border-radius:9px;background:transparent;color:var(--text);display:grid;place-items:center;gap:1px;cursor:pointer;transition:.13s}.dim-reference-toolrail button:hover{background:#edf7ff;color:#087ee8;transform:translateX(1px)}body[data-theme="dark"] .dim-reference-toolrail button:hover{background:#0e3150}.dim-reference-toolrail button span{font-size:17px;line-height:1}.dim-reference-toolrail button b{font-size:7.5px}.dim-reference-toolrail button.danger{color:#d92c3b}.dim-legacy-editor-toolbar{display:none!important}.dim-map-sourcebar{padding-left:88px!important}.dim-map-help{left:94px!important}

/* Mobile/app */
@media(max-width:980px){
  .dash-reference-hero-v3{min-height:185px!important;padding:19px!important;background-position:62% center!important}.dash-reference-hero-v3 .dash-hero-copy{max-width:74%}.dash-reference-hero-v3 .dash-hero-copy h2{font-size:27px!important}.dash-hero-slogan{display:none}.dash-reference-main-v3,.dash-reference-bottom-v3{grid-template-columns:1fr!important}.dash-map-card{order:2}.dash-task-card-v3{display:block!important}.dash-mini-map{height:180px}.dash-chart-shell{min-height:180px}
  .sales-layout-v3{grid-template-columns:1fr!important}.sale-list-reference-v3{position:relative;top:auto;max-height:none;overflow:visible}.sale-card-list{max-height:none}.sale-detail-reference-v3{margin-top:0}.sale-overview-hero{grid-template-columns:110px 1fr}.sale-overview-photo{height:115px}.sale-overview-metrics{grid-template-columns:1fr 1fr}.sale-overview-metrics>div:last-child{grid-column:1/-1}.sale-stage-ribbon{overflow-x:auto;grid-template-columns:repeat(6,minmax(72px,1fr));scrollbar-width:none}.sale-stage-ribbon:before{left:42px;right:42px}.sale-topic-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}.sale-topic-tabs button{flex:0 0 auto!important;min-width:94px}
  .dim-reference-toolrail{left:10px;right:10px;top:auto;bottom:12px;flex-direction:row;overflow-x:auto;padding:6px;gap:3px;scrollbar-width:none}.dim-reference-toolrail button{flex:0 0 58px;width:58px;min-height:48px}.dim-map-sourcebar{padding-left:6px!important}.dim-map-help{left:8px!important;bottom:72px!important}.dim-map-wrap{padding-bottom:0}.dim-legacy-editor-toolbar{display:none!important}
}
@media(max-width:620px){
  .dash-reference-hero-v3{min-height:196px!important;background-position:68% center!important}.dash-reference-hero-v3 .dash-hero-copy{max-width:80%}.dash-kpis-v3{grid-template-columns:1fr 1fr!important}.dash-kpis-v3 .dash-reference-kpi{min-height:92px!important}.dash-kpis-v3 .dash-reference-kpi strong{font-size:17px!important}.dash-mini-map{height:165px}.dash-map-legend{grid-template-columns:1fr 1fr}
  .sale-overview-hero{grid-template-columns:1fr}.sale-overview-photo{height:145px}.sale-overview-title h2{font-size:18px}.sale-overview-metrics{grid-template-columns:1fr 1fr}.sale-contact-actions{display:grid;grid-template-columns:1fr 1fr}.sale-contact-btn{text-align:center}.sale-contact-btn.email{grid-column:1/-1}.sale-journey-top{grid-template-columns:68px 1fr}.sale-stage-ribbon.compact .sale-stage-node span{display:none}.sale-stage-ribbon.compact{grid-template-columns:repeat(6,1fr)}.sale-stage-ribbon.compact:before{left:9%;right:9%}
}


/* ==========================================================
   SOLKING REFERENCE UI V4 — fidelidade visual final
   Ajustes sobre V3 para refletir as referências aprovadas.
   ========================================================== */

/* DASHBOARD: usa a imagem APROVADA como arquivo visual real, sem substituir por paisagem parecida. */
.dash-reference-hero-v4{position:relative;overflow:hidden;isolation:isolate;min-height:164px!important;padding:26px 30px!important;background:var(--surface)!important}
.dash-reference-hero-v4 .dash-hero-approved-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2;display:block}
.dash-reference-hero-v4::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.66) 49%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
body[data-theme="dark"] .dash-reference-hero-v4::after{background:linear-gradient(90deg,rgba(5,17,31,.97) 0%,rgba(5,17,31,.92) 31%,rgba(5,17,31,.65) 51%,rgba(5,17,31,.12) 72%,rgba(5,17,31,0) 100%)}
.dash-reference-hero-v4 .dash-hero-copy{position:relative;z-index:2;max-width:45%!important}.dash-reference-hero-v4 .dash-eyebrow{font-size:10px!important;letter-spacing:2px!important}.dash-reference-hero-v4 .dash-hero-copy h2{font-size:30px!important;line-height:1.04!important;margin:9px 0 7px!important}.dash-reference-hero-v4 .dash-hero-copy p{font-size:12px!important;line-height:1.4!important;max-width:500px}.dash-reference-hero-v4 .dash-hero-copy small{font-size:8.5px!important;font-weight:750!important}
.dash-reference-kpis{gap:10px!important}.dash-kpis-v3 .dash-reference-kpi{min-height:84px!important;padding:12px 14px!important;border-radius:13px!important}.dash-kpis-v3 .dash-reference-kpi small{font-size:9px!important}.dash-kpis-v3 .dash-reference-kpi strong{font-size:19px!important;line-height:1.08!important}.dash-kpis-v3 .dash-reference-kpi em{font-size:8px!important}.dash-kpi-icon{width:38px!important;height:38px!important;font-size:17px!important}.dash-performance-card,.dash-map-card,.dash-activity-card,.dash-task-card-v3{border-radius:14px!important;box-shadow:0 6px 20px rgba(27,65,105,.05)!important}.dash-performance-card>header strong{font-size:22px!important}.dash-card-kicker{font-size:8.5px!important;letter-spacing:.75px!important}.dash-chart-label{font-size:9px!important}.dash-map-card header strong{font-size:18px!important}.dash-mini-map{height:205px!important}

/* VENDAS: painel operacional principal, tipografia e cards no tamanho da referência. */
.sales-reference-title-v4{align-items:center!important;margin-bottom:10px!important}.sales-reference-title-v4 h2{font-size:25px!important;line-height:1!important}.sales-reference-title-v4 p{font-size:11px!important;margin-top:5px!important}.sales-title-actions{display:flex;gap:7px;align-items:center}.sales-title-actions .sk-btn{min-height:36px;font-size:10px;text-decoration:none;display:inline-flex;align-items:center}
.sales-reference-kpis{gap:10px!important;margin-bottom:10px!important}.sales-reference-kpis>div{padding:11px 12px!important;border-radius:12px!important;min-height:65px}.sales-reference-kpis span{width:36px!important;height:36px!important;font-size:15px!important}.sales-reference-kpis small{font-size:8.5px!important}.sales-reference-kpis strong{font-size:16px!important;line-height:1.05!important}
.sales-view-tabs{display:flex;align-items:center;gap:5px;margin:0 0 10px;padding:5px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.sales-view-tabs button{border:0;background:transparent;color:var(--muted);border-radius:8px;min-height:34px;padding:0 13px;font-size:10px;font-weight:850}.sales-view-tabs button:hover{background:var(--surface2);color:var(--text)}.sales-view-tabs button.active{background:#0b82ef;color:#fff;box-shadow:0 4px 12px rgba(11,130,239,.18)}
.sales-layout-v4{grid-template-columns:minmax(500px,.88fr) minmax(560px,1.12fr)!important;gap:12px!important}.sale-list-reference-v4{padding:10px!important;top:76px!important}.sale-date-toolbar{gap:6px!important;margin-bottom:9px!important}.sale-date-toolbar input,.sale-date-toolbar select{height:37px!important;font-size:10px!important}.sale-date-toolbar .sk-btn{min-height:37px!important;font-size:9px!important;padding:0 10px!important}
.sale-card-list{gap:10px!important;max-height:calc(100vh - 260px)!important}.sale-journey-card{padding:11px!important;border-radius:13px!important;background:var(--surface)!important}.sale-journey-top{grid-template-columns:92px minmax(0,1fr)!important;gap:11px!important}.sale-journey-photo{height:76px!important;border-radius:10px!important}.sale-journey-name h4{font-size:14px!important;line-height:1.12!important;margin:1px 0 4px!important}.sale-journey-name p{font-size:10px!important;line-height:1.25!important}.sale-journey-name>strong{font-size:13px!important}.sale-journey-status{margin-top:7px!important}.sale-journey-status small{font-size:8.5px!important}.sale-state-pill{min-height:25px!important;padding:4px 9px!important;font-size:9px!important}.sale-journey-footer>span{font-size:8.5px!important}.sale-mini-open,.sale-mini-delete{min-height:31px!important;font-size:9px!important}
.sale-stage-ribbon.compact{padding:10px 3px 5px!important;margin-top:7px!important}.sale-stage-ribbon.compact:before{top:19px!important}.sale-stage-ribbon.compact .sale-stage-node i{width:18px!important;height:18px!important;margin-bottom:4px!important}.sale-stage-ribbon.compact .sale-stage-node span{font-size:7.3px!important;display:block!important}.sale-stage-ribbon.compact .sale-stage-node small{display:none!important}
.sale-detail-reference-v4{padding:12px!important}.sale-detail-reference-v4>.sk-section-head{margin-bottom:8px!important}.sale-detail-reference-v4>.sk-section-head h3{font-size:15px!important}.sale-overview-hero{grid-template-columns:175px minmax(0,1fr)!important;gap:15px!important;padding:13px!important;border-radius:13px!important}.sale-overview-photo{height:142px!important}.sale-overview-title h2{font-size:23px!important;line-height:1.05!important;margin:4px 0!important}.sale-overview-title p{font-size:11px!important}.sale-overview-code{font-size:8.5px!important}.sale-overview-metrics>div{padding:9px 10px!important}.sale-overview-metrics small{font-size:8px!important}.sale-overview-metrics strong{font-size:12px!important}.sale-contact-btn{font-size:10px!important;min-height:37px!important;padding:8px 12px!important}.sale-stage-ribbon{padding:13px 8px 10px!important}.sale-stage-ribbon:before{top:29px!important}.sale-stage-node i{width:25px!important;height:25px!important}.sale-stage-node span{font-size:8.5px!important}.sale-stage-node small{font-size:7.2px!important}.sale-topic-tabs button{font-size:10px!important;min-height:38px!important}.sale-legacy-summary .item b{font-size:14px!important}.sale-legacy-summary .item span{font-size:8px!important}
#detail .sale-edit-section>.sk-section-head h3{font-size:1rem!important}#detail .sale-edit-section .sk-section-head p{font-size:.76rem!important}#detail .sale-edit-section .sk-field label{font-size:.72rem!important}#detail .sale-edit-section .sk-field input,#detail .sale-edit-section .sk-field select{font-size:.84rem!important;min-height:36px!important;height:36px!important}

/* USINAS: marcador minimalista de painel solar. */
.plant-map-pin{width:34px!important;height:34px!important;border-radius:50% 50% 50% 8px!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}.plant-panel-icon{width:17px;height:14px;border:1.5px solid rgba(255,255,255,.96);border-radius:2px;display:block!important;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.9) 31% 36%,transparent 37% 63%,rgba(255,255,255,.9) 64% 69%,transparent 70%),linear-gradient(0deg,transparent 44%,rgba(255,255,255,.9) 45% 53%,transparent 54%);transform:rotate(45deg)!important}.plant-map-pin-wrap{width:40px!important;height:44px!important}

/* DIMENSIONAMENTO: ferramentas maiores, legíveis e alinhadas à referência. */
.dim-reference-toolrail{left:14px!important;top:70px!important;padding:7px!important;gap:4px!important;border-radius:12px!important}.dim-reference-toolrail button{width:78px!important;min-height:52px!important;gap:2px!important}.dim-reference-toolrail button .dim-tool-icon,.dim-reference-toolrail button span{font-size:18px!important}.dim-reference-toolrail button b{font-size:8.5px!important;line-height:1.05!important}.dim-map-sourcebar{padding-left:102px!important}.dim-map-help{left:103px!important}

/* App/mobile: não é desktop espremido. */
@media(max-width:980px){
  .dash-reference-hero-v4{min-height:210px!important;padding:18px!important;align-items:flex-end!important}.dash-reference-hero-v4 .dash-hero-approved-image{object-position:62% center!important}.dash-reference-hero-v4::after{background:linear-gradient(0deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 35%,rgba(255,255,255,.22) 72%,rgba(255,255,255,.02) 100%)!important}body[data-theme="dark"] .dash-reference-hero-v4::after{background:linear-gradient(0deg,rgba(5,17,31,.98) 0%,rgba(5,17,31,.90) 35%,rgba(5,17,31,.24) 72%,rgba(5,17,31,.04) 100%)!important}.dash-reference-hero-v4 .dash-hero-copy{max-width:100%!important}.dash-reference-hero-v4 .dash-hero-copy h2{font-size:25px!important}.dash-reference-hero-v4 .dash-hero-copy p{font-size:11px!important}.dash-reference-hero-v4 .dash-hero-copy small{display:none}
  .sales-title-actions{display:none}.sales-reference-title-v4 h2{font-size:24px!important}.sales-reference-title-v4 p{font-size:11px!important}.sales-reference-kpis{grid-template-columns:1fr 1fr!important}.sales-reference-kpis>div:last-child{grid-column:1/-1}.sales-view-tabs{overflow-x:auto;scrollbar-width:none}.sales-view-tabs::-webkit-scrollbar{display:none}.sales-view-tabs button{flex:0 0 auto;min-height:38px;font-size:10.5px}.sales-layout-v4{grid-template-columns:1fr!important}.sale-list-reference-v4{padding:8px!important}.sale-card-list{max-height:none!important}.sale-journey-card{padding:12px!important}.sale-journey-top{grid-template-columns:86px 1fr!important}.sale-journey-photo{height:76px!important}.sale-journey-name h4{font-size:15px!important}.sale-journey-name p{font-size:10.5px!important}.sale-journey-name>strong{font-size:13px!important}.sale-stage-ribbon.compact .sale-stage-node span{font-size:7.5px!important}.sale-overview-hero{grid-template-columns:115px 1fr!important}.sale-overview-photo{height:118px!important}.sale-overview-title h2{font-size:19px!important}.sale-overview-title p{font-size:10px!important}.sale-contact-btn{font-size:10px!important;min-height:39px!important}.dim-reference-toolrail{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important}.dim-reference-toolrail button{flex:0 0 67px!important;width:67px!important;min-height:51px!important}.dim-reference-toolrail button b{font-size:8px!important}.dim-map-sourcebar{padding-left:6px!important}.dim-map-help{left:8px!important;bottom:74px!important}
}
@media(max-width:620px){
  .dash-kpis-v3 .dash-reference-kpi{min-height:98px!important;padding:12px!important}.dash-kpis-v3 .dash-reference-kpi small{font-size:9px!important}.dash-kpis-v3 .dash-reference-kpi strong{font-size:18px!important}.dash-chart-shell{min-height:200px!important}.dash-mini-map{height:190px!important}
  .sales-reference-kpis{display:none!important}.sale-date-toolbar{grid-template-columns:1fr!important}.sale-date-toolbar>*{width:100%!important}.sale-journey-top{grid-template-columns:82px 1fr!important}.sale-journey-name h4{font-size:15px!important}.sale-journey-name>strong{font-size:12.5px!important}.sale-stage-ribbon.compact{grid-template-columns:repeat(6,minmax(56px,1fr))!important;overflow-x:auto!important}.sale-stage-ribbon.compact .sale-stage-node span{font-size:7.5px!important}.sale-overview-hero{grid-template-columns:1fr!important}.sale-overview-photo{height:165px!important}.sale-overview-title h2{font-size:21px!important}.sale-overview-metrics strong{font-size:12px!important}.sale-contact-actions{grid-template-columns:1fr 1fr!important}.sale-contact-btn.email{grid-column:1/-1!important}
}


/* ==========================================================
   SOLKING VISUAL FINAL V5 — acabamento fiel às referências
   Banner aprovado, logo por tema, mapa real e vendas legíveis.
   ========================================================== */

/* Logo oficial: a variante clara é trocada pelo theme.js no modo escuro. */
.sk-brand img[data-solking-logo],
.sk-mobile-brand img[data-solking-logo]{
  object-fit:contain;
  filter:none!important;
}

/* Dashboard — enquadramento do banner aprovado sem deixar a marca cortada. */
.dash-reference-hero-final{
  min-height:205px!important;
  padding:28px 30px!important;
  border-radius:18px!important;
}
.dash-reference-hero-final .dash-hero-approved-image{
  object-fit:cover!important;
  object-position:center 48%!important;
}
.dash-reference-hero-final::after{
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 31%,rgba(255,255,255,.64) 50%,rgba(255,255,255,.09) 72%,rgba(255,255,255,.01) 100%)!important;
}
body[data-theme="dark"] .dash-reference-hero-final::after{
  background:linear-gradient(90deg,rgba(5,17,31,.985) 0%,rgba(5,17,31,.94) 31%,rgba(5,17,31,.66) 51%,rgba(5,17,31,.13) 73%,rgba(5,17,31,.01) 100%)!important;
}
.dash-reference-hero-final .dash-hero-copy{
  max-width:47%!important;
}
.dash-reference-hero-final .dash-hero-copy h2{
  font-size:32px!important;
}
.dash-reference-hero-final .dash-hero-copy p{
  font-size:13px!important;
  max-width:560px!important;
}
.dash-hero-brand-wrap{
  position:absolute;
  right:20px;
  top:16px;
  z-index:3;
  width:212px;
  min-height:72px;
  padding:7px 10px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 8px 24px rgba(13,43,77,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body[data-theme="dark"] .dash-hero-brand-wrap{
  background:rgba(5,17,31,.74);
  border-color:rgba(103,163,213,.22);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.dash-hero-brand{
  width:100%;
  height:54px;
  object-fit:contain;
}

/* Dashboard — gráfico mais compacto e tooltip completo. */
.dash-chart-shell{min-height:190px!important}
.dash-chart-svg{height:190px!important}
.dash-chart-tooltip{min-width:150px!important;padding:9px 11px!important}
.dash-chart-tooltip-count{display:block!important;margin-top:3px;font-size:9px;color:#c7d8eb}
.dash-reference-main-v3{grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr)!important}
.dash-reference-bottom-v3{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr)!important}

/* Dashboard — mini mapa REAL, carregado pelo navegador apenas quando necessário. */
.dash-mini-map-real{
  position:relative;
  height:190px!important;
  overflow:hidden;
  background:#dcebf3!important;
  cursor:pointer;
}
.dash-mini-map-frame{
  position:absolute;
  inset:-2px;
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  border:0;
  pointer-events:none;
  z-index:0;
}
body[data-theme="dark"] .dash-mini-map-frame{
  filter:brightness(.66) saturate(.80) contrast(1.18);
}
.dash-mini-map-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(3,34,58,.04));
}
body[data-theme="dark"] .dash-mini-map-shade{
  background:rgba(4,17,31,.12);
}
.dash-mini-map-pins{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}
.dash-mini-map-pins .dash-map-pin{
  pointer-events:auto;
}
.dash-map-pin{
  width:30px!important;
  height:30px!important;
  border-radius:50% 50% 50% 10px!important;
  transform:translate(-50%,-100%) rotate(-45deg)!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid rgba(255,255,255,.92)!important;
}
.dash-panel-glyph{
  width:15px;
  height:12px;
  display:block;
  border:1.4px solid #fff;
  border-radius:2px;
  transform:rotate(45deg);
  background:
    linear-gradient(90deg,transparent 30%,#fff 31% 36%,transparent 37% 63%,#fff 64% 69%,transparent 70%),
    linear-gradient(0deg,transparent 43%,#fff 44% 53%,transparent 54%);
}
.dash-map-provider{
  position:absolute;
  left:6px;
  bottom:5px;
  z-index:4;
  font-size:7px;
  font-weight:800;
  color:#1f3850;
  background:rgba(255,255,255,.82);
  border-radius:5px;
  padding:2px 5px;
}
body[data-theme="dark"] .dash-map-provider{
  color:#e5f2ff;
  background:rgba(5,17,31,.80);
}

/* Vendas — leitura confortável no desktop, fiel à referência operacional. */
.sales-reference-title-v4 h2{font-size:28px!important}
.sales-reference-title-v4 p{font-size:12.5px!important}
.sales-reference-kpis>div{min-height:76px!important;padding:13px 14px!important}
.sales-reference-kpis small{font-size:9.5px!important}
.sales-reference-kpis strong{font-size:18px!important}
.sales-view-tabs button{min-height:38px!important;font-size:11.5px!important;padding:0 16px!important}
.sales-layout-v4{
  grid-template-columns:minmax(570px,.94fr) minmax(620px,1.06fr)!important;
  gap:14px!important;
}
.sale-list-reference-v4{padding:12px!important}
.sale-date-toolbar{gap:8px!important}
.sale-date-toolbar input,.sale-date-toolbar select{
  height:42px!important;
  font-size:12px!important;
}
.sale-date-toolbar .sk-btn{
  min-height:42px!important;
  font-size:10.5px!important;
}
.sale-card-list{
  gap:12px!important;
  max-height:calc(100vh - 270px)!important;
}
.sale-journey-card{
  min-height:154px;
  padding:14px!important;
  border-radius:15px!important;
}
.sale-journey-top{
  grid-template-columns:108px minmax(0,1fr)!important;
  gap:14px!important;
}
.sale-journey-photo{
  height:88px!important;
  border-radius:12px!important;
}
.sale-journey-name h4{
  font-size:16.5px!important;
  line-height:1.15!important;
  margin:1px 0 5px!important;
  letter-spacing:-.12px;
}
.sale-journey-name p{
  font-size:11.5px!important;
  line-height:1.35!important;
}
.sale-journey-name>strong{
  font-size:14.5px!important;
}
.sale-journey-status{margin-top:9px!important}
.sale-journey-status small{font-size:9.5px!important}
.sale-state-pill{
  min-height:29px!important;
  padding:5px 10px!important;
  font-size:10.5px!important;
}
.sale-stage-ribbon.compact{
  padding:12px 5px 7px!important;
  margin-top:9px!important;
}
.sale-stage-ribbon.compact:before{top:22px!important}
.sale-stage-ribbon.compact .sale-stage-node i{
  width:22px!important;
  height:22px!important;
  margin-bottom:5px!important;
}
.sale-stage-ribbon.compact .sale-stage-node span{
  font-size:9px!important;
  line-height:1.05!important;
}
.sale-journey-footer{
  margin-top:9px!important;
  padding-top:9px!important;
}
.sale-journey-footer>span{font-size:9.5px!important}
.sale-mini-open,.sale-mini-delete{
  min-height:34px!important;
  font-size:10px!important;
  padding:5px 10px!important;
}

/* Painel detalhado de Vendas. */
.sale-detail-reference-v4{padding:14px!important}
.sale-detail-reference-v4>.sk-section-head h3{font-size:17px!important}
.sale-overview-hero{
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:18px!important;
  padding:16px!important;
  border-radius:15px!important;
}
.sale-overview-photo{height:154px!important}
.sale-overview-code{font-size:9.5px!important}
.sale-overview-title h2{
  font-size:27px!important;
  line-height:1.06!important;
}
.sale-overview-title p{font-size:12.5px!important}
.sale-overview-metrics>div{padding:11px 12px!important}
.sale-overview-metrics small{font-size:9px!important}
.sale-overview-metrics strong{font-size:14px!important}
.sale-contact-btn{
  font-size:11.5px!important;
  min-height:41px!important;
  padding:9px 14px!important;
}
.sale-stage-ribbon{padding:15px 10px 12px!important}
.sale-stage-ribbon:before{top:32px!important}
.sale-stage-node i{width:28px!important;height:28px!important}
.sale-stage-node span{font-size:10px!important}
.sale-stage-node small{font-size:8.4px!important}
.sale-topic-tabs button{
  font-size:11px!important;
  min-height:42px!important;
}
#detail .sale-edit-section>.sk-section-head h3{font-size:1.08rem!important}
#detail .sale-edit-section .sk-section-head p{font-size:.82rem!important}
#detail .sale-edit-section .sk-field label{font-size:.78rem!important}
#detail .sale-edit-section .sk-field input,
#detail .sale-edit-section .sk-field select{
  font-size:.90rem!important;
  min-height:40px!important;
  height:40px!important;
}

/* Cinza = etapa futura / sem informação. */
.sale-stage-node.muted i{
  border-color:#94a3b8!important;
  background:var(--surface)!important;
  color:#94a3b8!important;
}
.sale-stage-node.muted span,
.sale-stage-node.muted small{color:#8b9aae!important}

/* Mobile/app: cards e tipografia de aplicativo, não desktop comprimido. */
@media(max-width:980px){
  .dash-reference-hero-final{
    min-height:238px!important;
    padding:18px 16px!important;
    align-items:flex-end!important;
  }
  .dash-reference-hero-final .dash-hero-approved-image{
    object-position:66% 50%!important;
  }
  .dash-reference-hero-final .dash-hero-copy{
    max-width:100%!important;
    padding-right:0!important;
  }
  .dash-reference-hero-final .dash-hero-copy h2{font-size:28px!important}
  .dash-reference-hero-final .dash-hero-copy p{font-size:12.5px!important}
  .dash-hero-brand-wrap{
    top:12px;
    right:12px;
    width:145px;
    min-height:50px;
    padding:5px 7px;
    border-radius:11px;
  }
  .dash-hero-brand{height:38px}
  .dash-chart-shell{min-height:180px!important}
  .dash-chart-svg{height:180px!important}
  .dash-mini-map-real{height:210px!important}

  .sales-reference-title-v4 h2{font-size:26px!important}
  .sales-reference-title-v4 p{font-size:12.5px!important}
  .sales-view-tabs button{font-size:12px!important;min-height:42px!important}
  .sale-list-reference-v4{padding:10px!important}
  .sale-journey-card{min-height:160px;padding:14px!important}
  .sale-journey-top{grid-template-columns:94px 1fr!important;gap:12px!important}
  .sale-journey-photo{height:88px!important}
  .sale-journey-name h4{font-size:17px!important}
  .sale-journey-name p{font-size:12px!important}
  .sale-journey-name>strong{font-size:14px!important}
  .sale-state-pill{font-size:11px!important;min-height:30px!important}
  .sale-stage-ribbon.compact .sale-stage-node span{font-size:9px!important}
  .sale-overview-hero{grid-template-columns:128px 1fr!important;gap:13px!important}
  .sale-overview-photo{height:132px!important}
  .sale-overview-title h2{font-size:22px!important}
  .sale-overview-title p{font-size:11.5px!important}
  .sale-contact-btn{font-size:11.5px!important;min-height:43px!important}
  .sale-stage-node span{font-size:9.5px!important}
}

@media(max-width:620px){
  .dash-reference-hero-final{
    min-height:250px!important;
  }
  .dash-hero-brand-wrap{
    width:132px;
  }
  .dash-reference-kpis{grid-template-columns:1fr 1fr!important}
  .dash-mini-map-real{height:220px!important}
  .sales-reference-title-v4 h2{font-size:27px!important}
  .sale-journey-card{min-height:168px!important}
  .sale-journey-top{grid-template-columns:92px 1fr!important}
  .sale-journey-photo{height:90px!important}
  .sale-journey-name h4{font-size:17px!important}
  .sale-journey-name p{font-size:12px!important}
  .sale-stage-ribbon.compact{
    grid-template-columns:repeat(6,minmax(68px,1fr))!important;
  }
  .sale-stage-ribbon.compact .sale-stage-node span{
    display:block!important;
    font-size:9px!important;
  }
  .sale-overview-hero{grid-template-columns:1fr!important}
  .sale-overview-photo{height:185px!important}
  .sale-overview-title h2{font-size:24px!important}
  .sale-overview-metrics strong{font-size:14px!important}
}

/* Ações rápidas extras no painel de Vendas. */
.sale-contact-btn.quick{
  background:var(--surface2);
  color:var(--text);
  border-color:var(--border2);
  appearance:none;
}
.sale-contact-btn.quick:hover{
  border-color:#168cf1;
  color:#0877dc;
  background:color-mix(in srgb,var(--surface2) 82%,#eaf5ff);
}
body[data-theme="dark"] .sale-contact-btn.quick:hover{
  color:#7cc5ff;
  background:#102b46;
}

/* ==========================================================
   SOLKING VISUAL FINAL V6 — correção real do mini-mapa e banner
   ========================================================== */

/* O arquivo aprovado possui uma marca impressa no topo. No banner curto,
   deslocamos a foto para baixo e exibimos a logo oficial separadamente,
   inteira, garantindo leitura perfeita em claro e escuro. */
.dash-reference-hero-final .dash-hero-approved-image{
  object-position:center 84%!important;
}
.dash-hero-brand-wrap{
  right:22px!important;
  top:18px!important;
  width:252px!important;
  min-height:82px!important;
  padding:10px 14px!important;
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(218,230,242,.92)!important;
  box-shadow:0 10px 28px rgba(13,43,77,.13)!important;
}
body[data-theme="dark"] .dash-hero-brand-wrap{
  background:rgba(5,17,31,.92)!important;
  border-color:rgba(83,135,179,.34)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.30)!important;
}
.dash-hero-brand{
  width:100%!important;
  height:60px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Mini-mapa real do Dashboard. O Leaflet é carregado sob demanda pelo JS. */
.dash-mini-map-real{
  position:relative!important;
  height:190px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px solid var(--border)!important;
  background:#dcebf3!important;
  cursor:pointer!important;
  isolation:isolate!important;
}
body[data-theme="dark"] .dash-mini-map-real{background:#081b2e!important}
.dash-mini-map-real .leaflet-pane,
.dash-mini-map-real .leaflet-control{z-index:auto}
.dash-mini-map-real .leaflet-map-pane{z-index:1!important}
.dash-mini-map-real .leaflet-tile-pane{z-index:1!important}
.dash-mini-map-real .leaflet-overlay-pane{z-index:2!important}
.dash-mini-map-real .leaflet-marker-pane{z-index:3!important}
.dash-mini-map-real .leaflet-shadow-pane{z-index:2!important}
.dash-mini-map-real .leaflet-tile{filter:saturate(.92) contrast(1.02)}
body[data-theme="dark"] .dash-mini-map-real .leaflet-tile{filter:brightness(.62) saturate(.78) contrast(1.24)}
.dash-mini-map-real::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(6,34,57,.02));
}
body[data-theme="dark"] .dash-mini-map-real::after{background:rgba(4,17,31,.08)}
.dash-mini-map-loading,
.dash-map-empty-real{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:20px!important;
  text-align:center!important;
  color:var(--text)!important;
  background:linear-gradient(145deg,rgba(239,248,255,.98),rgba(215,235,246,.98))!important;
  z-index:5!important;
}
body[data-theme="dark"] .dash-mini-map-loading,
body[data-theme="dark"] .dash-map-empty-real{
  background:linear-gradient(145deg,rgba(7,26,43,.98),rgba(10,39,63,.98))!important;
}
.dash-mini-map-loading strong,.dash-map-empty-real strong{font-size:11px!important}
.dash-mini-map-loading small,.dash-map-empty-real small{font-size:8.5px!important;color:var(--muted)!important}
.dash-map-spinner{
  width:24px;height:24px;border-radius:50%;
  border:3px solid rgba(22,140,241,.18);border-top-color:#168cf1;
  animation:dashMapSpin .75s linear infinite;
}
@keyframes dashMapSpin{to{transform:rotate(360deg)}}
.dash-mini-map-real.is-ready .dash-mini-map-loading{display:none!important}
.dash-leaflet-marker-shell{background:transparent!important;border:0!important}
.dash-leaflet-marker{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:50% 50% 50% 9px;
  transform:rotate(-45deg);
  border:2px solid rgba(255,255,255,.96);
  box-shadow:0 5px 16px rgba(0,0,0,.28);
}
.dash-leaflet-marker.green{background:#10b981}
.dash-leaflet-marker.blue{background:#168cf1}
.dash-leaflet-marker.gold{background:#f59e0b}
.dash-leaflet-marker.red{background:#ef4444}
.dash-leaflet-marker .dash-panel-glyph{
  width:14px!important;height:11px!important;
  transform:rotate(45deg)!important;
}

@media(max-width:980px){
  .dash-reference-hero-final .dash-hero-approved-image{object-position:64% 86%!important}
  .dash-hero-brand-wrap{
    width:168px!important;
    min-height:58px!important;
    right:13px!important;
    top:13px!important;
    padding:6px 9px!important;
    border-radius:11px!important;
  }
  .dash-hero-brand{height:42px!important}
  .dash-mini-map-real{height:205px!important}
}

@media(max-width:640px){
  .dash-reference-hero-final .dash-hero-approved-image{object-position:70% 88%!important}
  .dash-hero-brand-wrap{width:142px!important;min-height:50px!important;right:10px!important;top:10px!important}
  .dash-hero-brand{height:36px!important}
}


/* ==========================================================
   SOLKING HOTFIX V7 — rolagem de Vendas + mini-mapa sem CDN JS
   ========================================================== */

/* Vendas: remove o scroll interno que prendia a roda do mouse ao subir.
   A página passa a ter uma única rolagem e os cards fora da tela usam
   content-visibility para continuar leves mesmo em listas grandes. */
@media(min-width:981px){
  .sales-layout-v4{align-items:start!important}
  .sale-list-reference-v3,
  .sale-list-reference-v4{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
  }
  .sale-card-list{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-width:auto!important;
  }
  .sale-detail-reference-v3,
  .sale-detail-reference-v4{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .sale-journey-card{
    content-visibility:auto;
    contain-intrinsic-size:170px;
  }
}

/* Dashboard: mini-mapa nativo com tiles. Não depende do JavaScript do
   Leaflet/CDN e por isso não cai mais em "Mapa temporariamente indisponível"
   quando o script externo é bloqueado. */
.dash-mini-map-real{
  position:relative!important;
  isolation:isolate!important;
  background:#d8e8f2!important;
}
body[data-theme="dark"] .dash-mini-map-real{background:#071b2f!important}
.dash-native-tile-layer,
.dash-native-marker-layer{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.dash-native-tile-layer{z-index:1}
.dash-native-marker-layer{z-index:3}
.dash-native-map-tile{
  position:absolute;
  width:256px;
  height:256px;
  max-width:none!important;
  user-select:none;
  -webkit-user-drag:none;
  opacity:0;
  animation:dashTileFade .18s ease forwards;
}
@keyframes dashTileFade{to{opacity:1}}
body[data-theme="dark"] .dash-native-map-tile{filter:brightness(.64) saturate(.78) contrast(1.18)}
.dash-native-map-marker{
  position:absolute;
  z-index:4;
  width:28px;
  height:28px;
  margin:-25px 0 0 -14px;
  display:grid;
  place-items:center;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  border:2px solid rgba(255,255,255,.98);
  box-shadow:0 5px 14px rgba(0,0,0,.28);
  pointer-events:none;
}
.dash-native-map-marker.green{background:#10b981}
.dash-native-map-marker.blue{background:#168cf1}
.dash-native-map-marker.gold{background:#f59e0b}
.dash-native-map-marker.red{background:#ef4444}
.dash-native-map-marker .dash-panel-glyph{
  transform:rotate(45deg)!important;
  width:13px!important;
  height:10px!important;
}
.dash-native-map-attribution{
  position:absolute;
  right:5px;
  bottom:4px;
  z-index:6;
  padding:2px 5px;
  border-radius:5px;
  background:rgba(255,255,255,.82);
  color:#31465a;
  font-size:7px!important;
  line-height:1.2;
  pointer-events:none;
}
body[data-theme="dark"] .dash-native-map-attribution{
  background:rgba(5,18,31,.78);
  color:#b7c9d9;
}
.dash-mini-map-real.is-ready .dash-mini-map-loading{display:none!important}
.dash-mini-map-real.tile-provider-failed::before{
  content:"Base do mapa indisponível — posições preservadas";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}


/* ==========================================================
   SOLKING HOTFIX V8 — Dashboard + rolagem interna de Vendas
   ========================================================== */

/* Desktop: volta a rolagem independente da lista de Vendas.
   overscroll-behavior:contain impede que a roda "escape" para a página
   ao chegar perto do início/fim; scrollbar-gutter evita mudança de largura. */
@media(min-width:981px){
  .sales-layout-v4{
    align-items:start!important;
  }
  .sale-list-reference-v3,
  .sale-list-reference-v4{
    position:sticky!important;
    top:76px!important;
    max-height:calc(100vh - 92px)!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }
  .sale-card-list{
    height:calc(100vh - 270px)!important;
    max-height:calc(100vh - 270px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
  }
  .sale-card-list .sale-journey-card{
    content-visibility:auto;
    contain-intrinsic-size:170px;
  }
  .sale-detail-reference-v3,
  .sale-detail-reference-v4{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Em telas menores continua uma rolagem natural da página, sem painel preso. */
@media(max-width:980px){
  .sale-list-reference-v3,
  .sale-list-reference-v4{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .sale-card-list{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* ==========================================================
   SOLKING HOTFIX V9 — mini-mapa interativo + Vendas fluida
   ========================================================== */

/* Vendas desktop: rolagem continua independente, mas sem content-visibility.
   O content-visibility provocava recálculo perceptível principalmente ao voltar
   para cima em listas com cards grandes. Containment isola cada card sem atrasar
   sua revelação. */
@media(min-width:981px){
  .sale-list-reference-v3,
  .sale-list-reference-v4{
    position:sticky!important;
    top:76px!important;
    max-height:calc(100vh - 92px)!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    contain:layout paint style;
  }
  .sale-card-list{
    height:calc(100vh - 270px)!important;
    max-height:calc(100vh - 270px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
    contain:layout paint style;
    will-change:scroll-position;
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  .sale-card-list .sale-journey-card{
    content-visibility:visible!important;
    contain:layout paint style!important;
    contain-intrinsic-size:auto!important;
    transform:none!important;
    transition:border-color .10s ease,background-color .10s ease!important;
    box-shadow:none!important;
    backface-visibility:hidden;
  }
  .sale-card-list .sale-journey-card:hover,
  .sale-card-list .sale-journey-card.active{
    transform:none!important;
    box-shadow:none!important;
  }
  .sale-card-list .sale-journey-card.active{
    border-color:#168cf1!important;
    box-shadow:inset 4px 0 0 #ffc400!important;
  }
  .sale-card-list img{
    content-visibility:visible!important;
  }
}

/* Mini-mapa do Dashboard: navegador de mapa de verdade. Arraste, use a roda,
   botões +/− e clique SOMENTE em um marcador para abrir aquela usina. */
.dash-mini-map-interactive{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.dash-mini-map-interactive.is-dragging{cursor:grabbing!important}
.dash-mini-map-interactive .dash-native-tile-layer,
.dash-mini-map-interactive .dash-native-marker-layer{
  transform-origin:0 0;
  will-change:transform;
}
.dash-mini-map-interactive .dash-native-marker-layer{pointer-events:none!important}
.dash-mini-map-interactive .dash-native-map-marker,
.dash-mini-map-interactive .dash-native-map-cluster{
  pointer-events:auto!important;
  cursor:pointer!important;
  border:0;
  padding:0;
  font:inherit;
}
.dash-native-map-cluster{
  position:absolute;
  z-index:5;
  width:34px;
  height:34px;
  margin:-17px 0 0 -17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#087ff5;
  color:#fff;
  border:3px solid rgba(255,255,255,.96)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.28);
  font-size:10px!important;
  font-weight:900!important;
}
.dash-mini-map-controls{
  position:absolute;
  left:8px;
  top:8px;
  z-index:12;
  display:grid;
  gap:4px;
}
.dash-mini-map-controls button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.18);
  background:rgba(255,255,255,.94);
  color:#0b2741;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  font-size:16px;
  font-weight:900;
  line-height:1;
}
body[data-theme="dark"] .dash-mini-map-controls button{
  background:rgba(7,27,47,.94);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.dash-mini-map-interactive:focus-visible{
  outline:3px solid rgba(22,140,241,.35);
  outline-offset:2px;
}

/* ==========================================================
   SOLKING HOTFIX V10 — mini-mapa Leaflet persistente / sem flicker
   ========================================================== */
.dash-mini-map-real.leaflet-container,
.dash-mini-map-real.dash-leaflet-ready{
  position:relative!important;
  overflow:hidden!important;
  background:#d9e8f1!important;
  cursor:grab!important;
  touch-action:none!important;
}
body[data-theme="dark"] .dash-mini-map-real.leaflet-container,
body[data-theme="dark"] .dash-mini-map-real.dash-leaflet-ready{background:#071b2f!important}

/* O fade padrão/estilos antigos de tiles provocavam a sensação de piscar.
   O tile anterior permanece visível enquanto o Leaflet prepara o próximo zoom. */
.dash-mini-map-real .leaflet-tile{
  opacity:1!important;
  transition:none!important;
  animation:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.dash-mini-map-real .leaflet-tile-container{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.dash-mini-map-real .leaflet-control-zoom{
  margin:8px 0 0 8px!important;
  border:0!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
}
.dash-mini-map-real .leaflet-control-zoom a{
  width:30px!important;
  height:30px!important;
  line-height:30px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  color:#0b2741!important;
  background:rgba(255,255,255,.96)!important;
}
body[data-theme="dark"] .dash-mini-map-real .leaflet-control-zoom a{
  color:#fff!important;
  background:rgba(7,27,47,.96)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.dash-mini-map-real .leaflet-control-attribution{
  font-size:7px!important;
  line-height:1.2!important;
  background:rgba(255,255,255,.80)!important;
}
body[data-theme="dark"] .dash-mini-map-real .leaflet-control-attribution{
  color:#b7c9d9!important;
  background:rgba(5,18,31,.80)!important;
}
.dash-leaflet-div-icon{
  background:transparent!important;
  border:0!important;
}
.dash-leaflet-plant-marker{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  border:2px solid rgba(255,255,255,.98);
  box-shadow:0 5px 14px rgba(0,0,0,.28);
}
.dash-leaflet-plant-marker.green{background:#10b981}
.dash-leaflet-plant-marker.blue{background:#168cf1}
.dash-leaflet-plant-marker.gold{background:#f59e0b}
.dash-leaflet-plant-marker.red{background:#ef4444}
.dash-leaflet-plant-marker .dash-panel-glyph{
  width:13px!important;
  height:10px!important;
  transform:rotate(45deg)!important;
}
.dash-mini-map-real.dash-leaflet-ready .dash-mini-map-loading{display:none!important}

/* ==========================================================
   SOLKING HOTFIX V11 — legibilidade de Vendas + rolagem fluida
   ========================================================== */
.sales-color-key{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:7px 2px 10px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
.sales-color-key span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sales-color-key i{width:9px;height:9px;border-radius:50%;display:block;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.sales-color-key .green i{background:#10b981}.sales-color-key .blue i{background:#168cf1}.sales-color-key .gold i{background:#f59e0b}.sales-color-key .red i{background:#ef4444}.sales-color-key .muted i{background:#94a3b8}

.sale-journey-name>div{min-width:0;flex:1 1 auto}
.sale-journey-name h4{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  max-width:none!important;
}
.sale-journey-name>strong{flex:0 0 auto}

/* Cada cor agora também informa por texto o significado da etapa. */
.sale-stage-ribbon.compact{
  align-items:start!important;
  padding-bottom:10px!important;
}
.sale-stage-ribbon.compact .sale-stage-node span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.12!important;
  min-height:20px;
}
.sale-stage-ribbon.compact .sale-stage-node small{
  display:block!important;
  margin-top:3px!important;
  min-height:18px;
  font-size:7.8px!important;
  line-height:1.08!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.sale-stage-ribbon.compact .sale-stage-node.green small{color:#0b9f66!important}
.sale-stage-ribbon.compact .sale-stage-node.blue small{color:#168cf1!important}
.sale-stage-ribbon.compact .sale-stage-node.gold small{color:#c57e00!important}
.sale-stage-ribbon.compact .sale-stage-node.red small{color:#e04450!important}
.sale-stage-ribbon.compact .sale-stage-node.muted small{color:#8795a7!important}

/* Rolagem interna continua, mas sem camadas forçadas de GPU/paint containment.
   O JS acumula a roda em requestAnimationFrame, reduzindo picos ao voltar para cima. */
@media(min-width:981px){
  .sale-list-reference-v3,.sale-list-reference-v4{
    contain:none!important;
  }
  .sale-card-list{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
    scrollbar-width:thin;
    scroll-behavior:auto!important;
    contain:none!important;
    will-change:auto!important;
    transform:none!important;
    backface-visibility:visible!important;
  }
  .sale-card-list .sale-journey-card{
    contain:none!important;
    content-visibility:visible!important;
    transform:none!important;
    backface-visibility:visible!important;
    box-shadow:none!important;
    transition:border-color .08s linear,background-color .08s linear!important;
  }
  .sale-card-list .sale-journey-card.active{
    box-shadow:inset 4px 0 0 #ffc400!important;
  }
}

@media(max-width:1365px) and (min-width:981px){
  .sales-layout-v4{grid-template-columns:minmax(500px,.96fr) minmax(0,1.04fr)!important}
  .sale-journey-name h4{font-size:15.5px!important}
  .sale-stage-ribbon.compact .sale-stage-node span{font-size:8.6px!important}
  .sale-stage-ribbon.compact .sale-stage-node small{font-size:7.2px!important}
}

/* ==========================================================
   SOLKING V12 — Vendas limpa + scroll nativo de alto desempenho
   ========================================================== */
.sales-color-key{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin:2px 2px 10px!important;
  padding:0!important;
  min-height:22px!important;
  background:transparent!important;
  border:0!important;
}
.sales-color-key span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:10.5px!important;
  font-weight:800!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
}
.sales-color-key i{width:9px!important;height:9px!important;border-radius:50%!important;display:inline-block!important}

@media(min-width:981px){
  .sales-layout-v4{
    grid-template-columns:minmax(540px,.92fr) minmax(610px,1.08fr)!important;
    gap:14px!important;
  }
  .sale-list-reference-v4{
    position:sticky!important;
    top:76px!important;
    max-height:calc(100vh - 92px)!important;
    overflow:hidden!important;
    contain:none!important;
  }
  .sale-card-list{
    height:calc(100vh - 270px)!important;
    max-height:calc(100vh - 270px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
    contain:none!important;
    will-change:auto!important;
    transform:none!important;
    padding-right:7px!important;
  }
  .sale-card-list .sale-journey-card{
    min-height:142px!important;
    padding:13px!important;
    contain:layout style!important;
    content-visibility:visible!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
    background:var(--surface)!important;
  }
  .sale-card-list .sale-journey-card:hover{
    transform:none!important;
    box-shadow:none!important;
    border-color:rgba(22,140,241,.42)!important;
  }
  .sale-card-list .sale-journey-card.active{
    transform:none!important;
    box-shadow:inset 4px 0 0 #ffc400!important;
    border-color:#168cf1!important;
  }
}

.sale-journey-top{
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
}
.sale-journey-photo{
  height:76px!important;
  border-radius:11px!important;
  background-image:url('../assets/sale-solar-thumb.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.sale-journey-name{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
}
.sale-journey-name>div{min-width:0!important}
.sale-journey-name h4{
  margin:0 0 4px!important;
  font-size:15.5px!important;
  line-height:1.16!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
}
.sale-journey-name p{font-size:10.5px!important;line-height:1.3!important}
.sale-journey-name>strong{font-size:13.5px!important;line-height:1.1!important;white-space:nowrap!important}
.sale-journey-status{margin-top:6px!important}
.sale-state-pill{font-size:9.5px!important;min-height:26px!important;padding:4px 9px!important}

/* Timeline compacta: uma única linha legível, sem repetir “Concluído/Pendente” em cada etapa. */
.sale-stage-ribbon.compact{
  margin-top:8px!important;
  padding:9px 4px 4px!important;
  min-height:52px!important;
}
.sale-stage-ribbon.compact:before{top:19px!important}
.sale-stage-ribbon.compact .sale-stage-node i{
  width:20px!important;
  height:20px!important;
  margin-bottom:4px!important;
  font-size:10px!important;
  line-height:1!important;
}
.sale-stage-ribbon.compact .sale-stage-node span{
  font-size:8.4px!important;
  line-height:1.05!important;
  font-weight:850!important;
  white-space:normal!important;
}
.sale-stage-ribbon.compact .sale-stage-node small{display:none!important}
.sale-journey-footer{margin-top:7px!important;padding-top:7px!important}

/* Evita efeitos de composição caros dentro da lista enquanto a roda do mouse está ativa. */
.sale-card-list *,
.sale-card-list *::before,
.sale-card-list *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.sale-card-list .sale-journey-card,
.sale-card-list .sale-journey-card *{
  animation:none!important;
}

body[data-theme="dark"] .sale-card-list .sale-journey-card{
  background:#0b2237!important;
}

@media(max-width:1365px) and (min-width:981px){
  .sales-layout-v4{grid-template-columns:minmax(505px,.95fr) minmax(0,1.05fr)!important}
  .sale-journey-name h4{font-size:14.5px!important}
  .sale-stage-ribbon.compact .sale-stage-node span{font-size:7.9px!important}
}

/* ==========================================================
   SOLKING MOBILE HARMONY V14 — app coerente, compacto e legível
   ========================================================== */
@media(max-width:980px){
  /* No app iOS o WebView já aplica o safe-area automaticamente.
     Evita somar o inset duas vezes e criar o grande vazio no topo. */
  html.solking-native-app .sk-topbar{
    min-height:64px!important;
    height:64px!important;
    padding:7px 14px!important;
    position:sticky!important;
    top:0!important;
    z-index:2600!important;
  }
  html.solking-native-app .sk-content{
    padding:12px 12px 86px!important;
  }
  html.solking-native-app .sk-mobile-bottom{
    left:0!important;right:0!important;bottom:0!important;
    height:70px!important;
    border-radius:20px 20px 0 0!important;
    padding-bottom:2px!important;
  }
  html.solking-native-app #skNativeFab,
  html.solking-native-app #skNativeSheet{display:none!important}

  .sk-mobile-menu,
  .sk-top-actions .sk-icon-btn{
    width:40px!important;height:40px!important;
    min-width:40px!important;min-height:40px!important;
  }
  .sk-mobile-brand img{
    width:126px!important;
    max-width:42vw!important;
    max-height:38px!important;
  }
  .sk-content{overflow-x:hidden!important}
  .sk-card{min-width:0!important}

  /* Dashboard: tudo em uma coluna real. Regras desktop posteriores
     não podem voltar a forçar duas colunas e sobrepor os cards. */
  .dash-reference-main-v3,
  .dash-reference-bottom-v3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  .dash-performance-card,
  .dash-map-card,
  .dash-activity-card,
  .dash-task-card-v3{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .dash-reference-bottom-v3 .dash-task-card-v3{order:1!important}
  .dash-reference-bottom-v3 .dash-activity-card{order:2!important}

  /* No mobile a marca já está no cabeçalho; retirar a segunda logo do
     banner evita duplicidade e o recorte visual visto no TestFlight. */
  .dash-hero-brand-wrap{display:none!important}
  .dash-reference-hero-final{
    min-height:190px!important;
    padding:17px!important;
    border-radius:18px!important;
  }
  .dash-reference-hero-final .dash-hero-approved-image{
    object-position:38% 52%!important;
  }
  .dash-reference-hero-final .dash-hero-copy{
    max-width:100%!important;
    align-self:flex-end!important;
  }
  .dash-reference-hero-final .dash-hero-copy h2{
    font-size:27px!important;
    line-height:1.02!important;
  }
  .dash-reference-hero-final .dash-hero-copy p{
    font-size:11.5px!important;
    line-height:1.4!important;
    max-width:94%!important;
  }
  .dash-reference-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .dash-reference-kpi{
    min-height:84px!important;
    padding:11px!important;
    grid-template-columns:36px minmax(0,1fr) 8px!important;
    gap:8px!important;
  }
  .dash-reference-kpi .dash-kpi-icon{width:34px!important;height:34px!important}
  .dash-reference-kpi strong{font-size:17px!important}
  .dash-reference-kpi small{font-size:8.5px!important}
  .dash-reference-kpi em{font-size:7.5px!important}
  .dash-chart-shell{min-width:0!important;width:100%!important;overflow:hidden!important}
  .dash-chart-svg{height:150px!important}
  .dash-mini-map-real,.dash-mini-map{height:205px!important}

  /* Vendas: tabs cabem na tela, filtros compactos e cards sem
     conteúdo vazando para fora do viewport. */
  .sales-view-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:visible!important;
    padding:4px!important;
  }
  .sales-view-tabs button{
    min-width:0!important;
    width:100%!important;
    padding:0 4px!important;
    min-height:40px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .sales-color-key{
    gap:7px 11px!important;
    margin:6px 2px 10px!important;
    font-size:10px!important;
  }
  .sale-date-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .sale-date-toolbar>*{width:100%!important;grid-column:auto!important}
  .sale-date-toolbar>input:first-child{grid-column:1/-1!important}
  .sale-date-toolbar .sk-btn{grid-column:1/-1!important;min-height:42px!important}
  .sale-list-reference-v4{padding:9px!important}
  .sale-card-list{display:grid!important;gap:11px!important;width:100%!important;overflow-x:hidden!important}
  .sale-journey-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .sale-journey-top{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .sale-journey-photo{height:76px!important}
  .sale-journey-name{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:2px!important;
  }
  .sale-journey-name h4{font-size:15px!important;line-height:1.12!important}
  .sale-journey-name p{font-size:10.5px!important;line-height:1.3!important}
  .sale-journey-name>strong{
    font-size:12.5px!important;
    white-space:normal!important;
    margin-top:2px!important;
  }
  .sale-stage-ribbon.compact{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    width:100%!important;
    overflow:visible!important;
    gap:0!important;
    padding:12px 0 4px!important;
  }
  .sale-stage-ribbon.compact .sale-stage-node{min-width:0!important}
  .sale-stage-ribbon.compact .sale-stage-node span{
    font-size:7.4px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .sale-stage-ribbon.compact .sale-stage-node small{display:none!important}

  /* Clientes: card mais compacto. Pasta digital em destaque e as duas
     ações secundárias lado a lado, sem transformar cada cliente numa tela inteira. */
  .client-list-card .sk-list{gap:11px!important}
  .client-list-card .sk-list-item{
    padding:14px!important;
    border-radius:16px!important;
  }
  .client-list-card .sk-list-item>div:first-child{
    align-items:flex-start!important;
    gap:10px!important;
  }
  .client-list-card .sk-list-item h4{font-size:16px!important;line-height:1.18!important}
  .client-list-card .sk-list-item p{font-size:11.5px!important;line-height:1.42!important}
  .client-list-card .sk-list-item .sk-badge{
    min-height:28px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    align-self:flex-start!important;
    font-size:9.5px!important;
  }
  .client-list-card .sk-list-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:11px!important;
  }
  .client-list-card .sk-list-actions .sk-btn{
    min-height:42px!important;
    font-size:11px!important;
  }
  .client-list-card .sk-list-actions .sk-btn:first-child{grid-column:1/-1!important}

  /* Usinas: cabeçalho e KPIs seguem o mesmo ritmo do restante do app. */
  .plant-head-actions{gap:8px!important}
  .plant-reference-chip{font-size:10px!important;line-height:1.25!important}
  .plants-reference-kpis{gap:9px!important}
  .plants-reference-kpis>div{min-height:76px!important;padding:10px!important}
  .plants-reference-kpis strong{font-size:18px!important}

  /* Ritmo geral do app. */
  .sk-section-head{gap:10px!important;margin-bottom:12px!important}
  .sk-section-head h2{font-size:27px!important;line-height:1.04!important}
  .sk-section-head p{font-size:11.5px!important;line-height:1.42!important}
}

@media(max-width:420px){
  .sales-view-tabs button{font-size:9.7px!important}
  .sales-color-key span{font-size:9.3px!important}
  .sale-journey-top{grid-template-columns:70px minmax(0,1fr)!important}
  .sale-journey-photo{height:70px!important}
  .sale-stage-ribbon.compact .sale-stage-node span{font-size:6.9px!important}
  .dash-reference-hero-final .dash-hero-approved-image{object-position:34% 52%!important}
}


/* ==========================================================
   SOLKING MOBILE V16 — Vendas compactas sem corte lateral
   ========================================================== */
@media(max-width:620px){
  .sale-list-reference-v4{
    padding:8px!important;
    overflow:hidden!important;
  }
  .sale-card-list{
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    overflow-x:hidden!important;
  }
  .sale-card-list .sale-journey-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .sale-card-list .sale-journey-top{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
  }
  .sale-card-list .sale-journey-photo{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:10px!important;
  }
  .sale-card-list .sale-journey-copy{min-width:0!important}
  .sale-card-list .sale-journey-name{
    display:block!important;
    min-width:0!important;
  }
  .sale-card-list .sale-journey-name>div{min-width:0!important}
  .sale-card-list .sale-journey-name h4{
    margin:0 0 3px!important;
    font-size:14px!important;
    line-height:1.16!important;
    letter-spacing:-.1px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
  .sale-card-list .sale-journey-name p{
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .sale-card-list .sale-journey-name>strong{
    display:block!important;
    margin-top:4px!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  .sale-card-list .sale-journey-status{
    margin-top:5px!important;
    gap:5px!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  .sale-card-list .sale-state-pill{
    min-height:24px!important;
    padding:3px 8px!important;
    font-size:9.5px!important;
  }
  .sale-card-list .sale-journey-status small{
    font-size:8px!important;
    margin-left:auto!important;
  }

  /* Em vez de seis etapas em uma faixa horizontal que sai da tela,
     usa 3 colunas x 2 linhas. Todas as etapas continuam visíveis. */
  .sale-card-list .sale-stage-ribbon.compact{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:9px 0 2px!important;
    margin-top:7px!important;
  }
  .sale-card-list .sale-stage-ribbon.compact:before{
    display:none!important;
  }
  .sale-card-list .sale-stage-ribbon.compact .sale-stage-node{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    padding:5px 6px!important;
    border:1px solid var(--border)!important;
    border-radius:9px!important;
    background:var(--surface2)!important;
    text-align:left!important;
  }
  .sale-card-list .sale-stage-ribbon.compact .sale-stage-node i{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
    box-shadow:none!important;
  }
  .sale-card-list .sale-stage-ribbon.compact .sale-stage-node span{
    display:block!important;
    min-width:0!important;
    font-size:8px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  .sale-card-list .sale-stage-ribbon.compact .sale-stage-node small{
    display:none!important;
  }
  .sale-card-list .sale-journey-footer{
    margin-top:7px!important;
    padding-top:7px!important;
  }
  .sale-card-list .sale-journey-footer>span{font-size:9px!important}
  .sale-card-list .sale-mini-open,
  .sale-card-list .sale-mini-delete{min-height:30px!important;font-size:9px!important}
}


/* ==========================================================
   SOLKING MOBILE V17 — pinch zoom livre + formulários sem autozoom
   + Vendas realmente adaptadas à largura do iPhone.
   ========================================================== */
@media(max-width:980px){
  /* iOS/WKWebView: campos abaixo de 16 px provocam zoom automático ao focar.
     Mantemos 16 px somente nos controles de edição, não no restante do layout. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  [contenteditable="true"]{
    font-size:16px!important;
  }

  /* Não bloquear a pinça do usuário nas listas/áreas comuns. */
  html,body,#solkingApp,.sk-shell,.sk-main,.sk-content{
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  .sale-list-reference-v4,.sale-card-list{
    touch-action:pan-y pinch-zoom!important;
  }

  /* Vendas: largura real do aparelho, sem faixa horizontal escondida. */
  .sk-module-vendas .sales-layout,
  .sk-module-vendas .sale-list-reference,
  .sk-module-vendas .sale-list-reference-v4,
  .sk-module-vendas .sale-card-list,
  .sk-module-vendas .sale-journey-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .sk-module-vendas .sale-list-reference-v4{
    padding:8px!important;
    overflow:hidden!important;
  }
  .sk-module-vendas .sale-card-list{
    overflow-x:hidden!important;
    gap:10px!important;
  }
  .sk-module-vendas .sale-journey-card{
    padding:10px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .sk-module-vendas .sale-journey-top{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
  }
  .sk-module-vendas .sale-journey-photo{
    width:60px!important;
    min-width:60px!important;
    height:60px!important;
    border-radius:10px!important;
    object-fit:cover!important;
  }
  .sk-module-vendas .sale-journey-copy,
  .sk-module-vendas .sale-journey-name,
  .sk-module-vendas .sale-journey-name>div{min-width:0!important}
  .sk-module-vendas .sale-journey-name h4{
    font-size:14.5px!important;
    line-height:1.15!important;
    margin:0 0 2px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .sk-module-vendas .sale-journey-name p{
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .sk-module-vendas .sale-journey-name>strong{
    font-size:14px!important;
    line-height:1.15!important;
    margin-top:3px!important;
  }
  .sk-module-vendas .sale-state-pill{
    min-height:25px!important;
    max-width:100%!important;
    padding:4px 8px!important;
    font-size:9.5px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }

  /* 6 etapas sempre cabem: 3 x 2, sem cortar Instalação/Usina. */
  .sk-module-vendas .sale-stage-ribbon.compact{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    overflow:visible!important;
    padding:8px 0 1px!important;
    margin-top:7px!important;
  }
  .sk-module-vendas .sale-stage-ribbon.compact:before{display:none!important}
  .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    padding:5px!important;
    border:1px solid var(--border)!important;
    border-radius:9px!important;
    background:var(--surface2)!important;
    text-align:left!important;
  }
  .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node i{
    width:18px!important;height:18px!important;min-width:18px!important;
    margin:0!important;box-shadow:none!important;
  }
  .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{
    font-size:8px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Filtros: não reservar uma caixa vazia para data enquanto o modo não foi escolhido. */
  .sk-module-vendas .sale-date-toolbar{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }
  .sk-module-vendas .sale-date-toolbar #search{grid-column:1/-1!important;width:100%!important}
  .sk-module-vendas .sale-date-toolbar #saleDateMode{grid-column:1!important;width:100%!important}
  .sk-module-vendas .sale-date-toolbar #saleDateFilter{grid-column:1!important;width:100%!important}
  .sk-module-vendas .sale-date-toolbar #clearSaleDate{
    grid-column:2!important;
    grid-row:2!important;
    width:auto!important;
    min-width:72px!important;
    padding-inline:11px!important;
  }
  .sk-module-vendas .sale-date-toolbar #saleDateFilter:not([hidden]) + #clearSaleDate{grid-row:3!important}
}


/* ==========================================================
   SOLKING V18 — banner desktop + Usinas mapa-first + Vendas app
   ========================================================== */
@media(min-width:981px){
  html:not(.solking-native-app) .dash-reference-hero-final{
    width:min(100%,1100px)!important;
    aspect-ratio:2 / 1!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto 14px!important;
    padding:0!important;
    border:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#061a31!important;
    box-shadow:0 14px 34px rgba(8,32,60,.13)!important;
  }
  html:not(.solking-native-app) .dash-reference-hero-final .dash-hero-approved-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    z-index:1!important;
  }
  html:not(.solking-native-app) .dash-reference-hero-final .dash-hero-copy,
  html:not(.solking-native-app) .dash-reference-hero-final .dash-hero-brand-wrap{
    display:none!important;
  }
  html:not(.solking-native-app) .dash-reference-hero-final::after,
  html:not(.solking-native-app) .dash-reference-hero-final::before{
    display:none!important;
  }
}

.plants-layout-map-only{grid-template-columns:minmax(0,1fr)!important}
.plants-layout-map-only .plants-map-card{width:100%!important;min-width:0!important}
.plant-detail{scroll-margin-top:96px}

@media(max-width:980px){
  html.solking-native-app .plant-head-actions,
  html.solking-native-app .plants-reference-kpis,
  html.solking-native-app #statusFilter,
  html.solking-native-app #locateMissing,
  html.solking-native-app .plant-map-hint{display:none!important}
  html.solking-native-app .plants-toolbar{display:block!important;margin-bottom:10px!important}
  html.solking-native-app .plants-toolbar #plantSearch{
    width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
  }
  html.solking-native-app #plantsMap{
    height:calc(100dvh - 235px)!important;
    min-height:470px!important;
    max-height:720px!important;
    border-radius:16px!important;
  }
  html.solking-native-app .plant-detail{
    margin-top:12px!important;
    scroll-margin-top:104px!important;
  }
}

@media(max-width:620px){
  html.solking-native-app .sk-module-vendas .sale-list-reference-v4{
    padding:7px!important;
    overflow-x:hidden!important;
  }
  html.solking-native-app .sk-module-vendas .sale-card-list{
    width:100%!important;
    overflow-x:hidden!important;
    gap:10px!important;
  }
  html.solking-native-app .sk-module-vendas .sale-journey-card{
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  html.solking-native-app .sk-module-vendas .sale-journey-top{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:9px!important;
  }
  html.solking-native-app .sk-module-vendas .sale-journey-photo{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
  }
  html.solking-native-app .sk-module-vendas .sale-journey-name h4{
    font-size:14px!important;
    line-height:1.13!important;
  }
  html.solking-native-app .sk-module-vendas .sale-journey-name p{font-size:10.5px!important}
  html.solking-native-app .sk-module-vendas .sale-journey-name>strong{font-size:13px!important}
  html.solking-native-app .sk-module-vendas .sale-stage-ribbon.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    margin-top:8px!important;
    padding:8px 0 2px!important;
  }
  html.solking-native-app .sk-module-vendas .sale-stage-ribbon.compact:before{display:none!important}
  html.solking-native-app .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px 7px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--surface2)!important;
    box-sizing:border-box!important;
  }
  html.solking-native-app .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node i{
    width:20px!important;height:20px!important;min-width:20px!important;margin:0!important
  }
  html.solking-native-app .sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{
    min-width:0!important;
    font-size:8.6px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* ==========================================================
   SOLKING APP FINAL — Vendas sem corte horizontal
   Mantém o zoom manual livre já aprovado.
   ========================================================== */
@media(max-width:620px){
  html.solking-native-app body.sk-module-vendas,
  html.solking-native-app body.sk-module-vendas .sk-main,
  html.solking-native-app body.sk-module-vendas .sk-content,
  html.solking-native-app body.sk-module-vendas .sales-layout-v4,
  html.solking-native-app body.sk-module-vendas .sale-list-reference-v4,
  html.solking-native-app body.sk-module-vendas .sale-card-list{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  html.solking-native-app body.sk-module-vendas .sales-layout-v4{
    display:block!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-list-reference-v4{
    position:relative!important;
    top:auto!important;
    padding:8px!important;
    margin:0!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-card-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    max-height:none!important;
    padding:0!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:11px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-top{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    align-items:start!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-photo{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    border-radius:11px!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-copy,
  html.solking-native-app body.sk-module-vendas .sale-journey-name,
  html.solking-native-app body.sk-module-vendas .sale-journey-name>div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-name{
    display:block!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-name h4{
    margin:0 0 3px!important;
    font-size:15px!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-name p{
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-name>strong{
    display:block!important;
    margin-top:4px!important;
    font-size:14px!important;
    white-space:normal!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-status{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin-top:6px!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-status small{
    margin-left:auto!important;
    font-size:8px!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-state-pill{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  /* 6 etapas em 2 colunas x 3 linhas: nunca corta no iPhone. */
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    margin:9px 0 0!important;
    padding:0!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact:before{
    display:none!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--surface2)!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node i{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    margin:0!important;
    box-shadow:none!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html.solking-native-app body.sk-module-vendas .sale-journey-footer{
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
  }
}

/* ==========================================================
   SOLKING V19 — Dashboard web: banner compacto
   Somente navegador/desktop. O app mobile permanece intacto.
   ========================================================== */
@media (min-width:981px){
  html:not(.solking-native-app) .dash-reference-hero-final{
    width:min(100%,820px)!important;
    aspect-ratio:2 / 1!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto 12px!important;
    border-radius:18px!important;
  }
}


/* ==========================================================
   SOLKING — correção final do banner SOMENTE no navegador
   Mantém o app/mobile intacto.
   Objetivo: mesma proporção compacta do banner antigo.
   ========================================================== */
@media (min-width:981px){
  html:not(.solking-native-app) .dash-reference-hero-final{
    width:100%!important;
    max-width:none!important;
    height:176px!important;
    min-height:176px!important;
    aspect-ratio:auto!important;
    margin:0 0 14px!important;
    padding:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  html:not(.solking-native-app) .dash-reference-hero-final .dash-hero-approved-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 52%!important;
  }
}

/* ==========================================================
   SOLKING V21 — VENDAS SLIM / SITE + APP
   Visual final compacto. Sem alterar regras ou dados.
   ========================================================== */

/* Avatar substitui a foto genérica da venda. Só usa masculino/feminino
   quando o cadastro já possui esse dado; caso contrário, perfil neutro. */
body.sk-module-vendas .sale-client-avatar{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  border:1px solid #d7e5f3!important;
  background:linear-gradient(145deg,#eef7ff,#e1effd)!important;
  color:#31648f!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.sk-module-vendas .sale-client-avatar.female{background:linear-gradient(145deg,#fff0f5,#f7e6ef)!important;color:#b64d78!important}
body.sk-module-vendas .sale-client-avatar.male{background:linear-gradient(145deg,#eef7ff,#deedff)!important;color:#266eaf!important}
body.sk-module-vendas .sale-client-avatar.company{background:linear-gradient(145deg,#f3efff,#e9e2ff)!important;color:#6847a8!important;font-size:20px!important}
body[data-theme="dark"].sk-module-vendas .sale-client-avatar{border-color:#284158!important;background:#122b43!important}

/* Valor negociado */
body.sk-module-vendas .sale-price-negotiation{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 70%,transparent))!important}
body.sk-module-vendas .sale-price-grid{display:grid!important;grid-template-columns:1fr 1.15fr 1fr!important;gap:9px!important;align-items:stretch!important}
body.sk-module-vendas .sale-price-grid>label,
body.sk-module-vendas .sale-price-adjustment{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:65px!important;padding:9px 11px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important}
body.sk-module-vendas .sale-price-grid span{font-size:8px!important;font-weight:850!important;letter-spacing:.25px!important;color:var(--muted)!important;text-transform:uppercase!important}
body.sk-module-vendas .sale-price-grid strong{font-size:13px!important;line-height:1.15!important;color:var(--text)!important}
body.sk-module-vendas .sale-final-price-field input{height:36px!important;min-height:36px!important;padding:5px 8px!important;border:1px solid #79baf1!important;border-radius:8px!important;background:color-mix(in srgb,var(--surface) 94%,#168cf1 6%)!important;color:var(--text)!important;font-size:15px!important;font-weight:900!important}
body.sk-module-vendas .sale-price-adjustment strong{color:#0d76c9!important}

@media (min-width:981px){
  /* Estrutura geral profissional: lista compacta + detalhe respirando. */
  body.sk-module-vendas .sales-layout-v4{
    display:grid!important;
    grid-template-columns:minmax(455px,.82fr) minmax(610px,1.18fr)!important;
    gap:14px!important;
    align-items:start!important;
  }
  body.sk-module-vendas .sale-list-reference-v4{
    position:sticky!important;
    top:76px!important;
    max-height:calc(100vh - 100px)!important;
    padding:10px!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  body.sk-module-vendas .sale-card-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    max-height:calc(100vh - 235px)!important;
    padding:2px 4px 4px 1px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
  }
  body.sk-module-vendas .sale-journey-card{
    width:100%!important;
    min-width:0!important;
    min-height:126px!important;
    padding:11px 12px 9px!important;
    border:1px solid var(--border)!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:border-color .12s ease,background-color .12s ease!important;
    overflow:hidden!important;
  }
  body.sk-module-vendas .sale-journey-card:hover{transform:none!important;box-shadow:none!important;border-color:#9ecff5!important;background:color-mix(in srgb,var(--surface) 97%,#168cf1 3%)!important}
  body.sk-module-vendas .sale-journey-card.active{transform:none!important;box-shadow:inset 3px 0 0 #ffb000!important;border-color:#42a7f2!important;background:color-mix(in srgb,var(--surface) 97%,#168cf1 3%)!important}
  body.sk-module-vendas .sale-journey-top{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
  }
  body.sk-module-vendas .sale-journey-copy{min-width:0!important}
  body.sk-module-vendas .sale-journey-name{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;align-items:start!important}
  body.sk-module-vendas .sale-journey-name h4{margin:0 0 2px!important;font-size:12.5px!important;line-height:1.13!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.sk-module-vendas .sale-journey-name p{margin:0!important;font-size:8.5px!important;line-height:1.25!important;color:var(--muted)!important}
  body.sk-module-vendas .sale-journey-name>strong{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important}
  body.sk-module-vendas .sale-journey-status{display:flex!important;align-items:center!important;gap:7px!important;margin-top:4px!important}
  body.sk-module-vendas .sale-journey-status small{margin-left:auto!important;font-size:7.5px!important;color:var(--muted)!important}
  body.sk-module-vendas .sale-state-pill{min-height:21px!important;padding:3px 7px!important;font-size:7.5px!important;line-height:1!important}

  /* Stepper fino. */
  body.sk-module-vendas .sale-stage-ribbon.compact{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    margin:7px 0 0!important;
    padding:6px 0 1px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.sk-module-vendas .sale-stage-ribbon.compact:before{content:""!important;display:block!important;position:absolute!important;left:7%!important;right:7%!important;top:13px!important;height:2px!important;background:var(--border)!important;z-index:0!important}
  body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node{position:relative!important;z-index:1!important;display:block!important;min-width:0!important;padding:0 1px!important;border:0!important;background:transparent!important;text-align:center!important}
  body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node i{display:grid!important;place-items:center!important;width:15px!important;height:15px!important;min-width:15px!important;margin:0 auto 3px!important;border-width:2px!important;box-shadow:0 0 0 2px var(--surface)!important;font-size:7px!important}
  body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{display:block!important;font-size:6.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node small{display:none!important}
  body.sk-module-vendas .sale-journey-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:6px!important;padding-top:6px!important;border-top:1px solid var(--border)!important}
  body.sk-module-vendas .sale-journey-footer>span{font-size:7.5px!important;color:var(--muted)!important}
  body.sk-module-vendas .sale-mini-open,body.sk-module-vendas .sale-mini-delete{min-height:26px!important;padding:3px 7px!important;border-radius:7px!important;font-size:7.5px!important}
  body.sk-module-vendas .sale-mini-delete{width:28px!important;padding:0!important;font-size:12px!important}

  /* Painel da direita: sem foto genérica, avatar discreto. */
  body.sk-module-vendas .sale-detail-reference-v4{padding:12px!important;border-radius:16px!important;min-width:0!important}
  body.sk-module-vendas .sale-overview-hero{display:block!important;padding:12px 13px!important;margin-bottom:9px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:none!important}
  body.sk-module-vendas .sale-overview-main{min-width:0!important}
  body.sk-module-vendas .sale-overview-title{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}
  body.sk-module-vendas .sale-overview-client{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  body.sk-module-vendas .sale-overview-client .sale-client-avatar{width:48px!important;height:48px!important;font-size:24px!important}
  body.sk-module-vendas .sale-overview-title h2{margin:2px 0 2px!important;font-size:17px!important;line-height:1.08!important;white-space:normal!important}
  body.sk-module-vendas .sale-overview-title p{margin:0!important;font-size:9px!important;color:var(--muted)!important}
  body.sk-module-vendas .sale-overview-code{font-size:7px!important}
  body.sk-module-vendas .sale-overview-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:9px 0!important}
  body.sk-module-vendas .sale-overview-metrics>div{padding:7px 8px!important;border-radius:8px!important;background:var(--surface2)!important;box-shadow:none!important}
  body.sk-module-vendas .sale-overview-metrics small{font-size:6.5px!important}
  body.sk-module-vendas .sale-overview-metrics strong{font-size:9.5px!important}
  body.sk-module-vendas .sale-contact-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
  body.sk-module-vendas .sale-contact-btn{min-height:31px!important;padding:6px 9px!important;border-radius:8px!important;font-size:8px!important}
  body.sk-module-vendas .sale-stage-ribbon:not(.compact){padding:10px 7px 8px!important;border-radius:11px!important;margin-bottom:8px!important}
  body.sk-module-vendas .sale-stage-ribbon:not(.compact):before{top:23px!important}
  body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node i{width:20px!important;height:20px!important;font-size:8px!important}
  body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node span{font-size:7px!important}
  body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node small{font-size:6px!important}
  body.sk-module-vendas .sale-legacy-summary{display:none!important}
  body.sk-module-vendas .sale-topic-tabs{margin-top:8px!important}
  body.sk-module-vendas .sale-topic-tabs button{min-height:34px!important;font-size:8.5px!important}
}

/* APP / MOBILE */
@media (max-width:980px){
  html.solking-native-app body.sk-module-vendas .sales-layout-v4{display:block!important;width:100%!important;min-width:0!important}
  html.solking-native-app body.sk-module-vendas .sale-list-reference-v4{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;padding:8px!important;overflow:hidden!important}
  html.solking-native-app body.sk-module-vendas .sale-card-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:0!important;overflow:visible!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-card{width:100%!important;max-width:100%!important;min-width:0!important;min-height:146px!important;padding:11px!important;margin:0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-card.active{box-shadow:inset 3px 0 0 #ffb000!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-top{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;width:100%!important}
  html.solking-native-app body.sk-module-vendas .sale-client-avatar{width:42px!important;height:42px!important;border-radius:12px!important;font-size:21px!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-name{display:block!important;min-width:0!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-name h4{margin:0 0 2px!important;font-size:14px!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-name p{font-size:10px!important;line-height:1.22!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-name>strong{display:block!important;margin-top:3px!important;font-size:12.5px!important;white-space:normal!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-status{margin-top:5px!important;gap:6px!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-status small{margin-left:auto!important;font-size:8px!important}
  html.solking-native-app body.sk-module-vendas .sale-state-pill{min-height:23px!important;padding:4px 8px!important;font-size:8.5px!important;white-space:normal!important}

  /* No celular, 3 x 2: cabe inteiro e não corta. */
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact:before{display:none!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:5px!important;align-items:center!important;min-width:0!important;min-height:30px!important;padding:4px 5px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--surface2)!important;text-align:left!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node i{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;box-shadow:none!important;font-size:8px!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{display:block!important;min-width:0!important;font-size:7.5px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node small{display:none!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-footer{margin-top:7px!important;padding-top:7px!important}
  html.solking-native-app body.sk-module-vendas .sale-mini-open{min-height:30px!important;font-size:8.5px!important}
  html.solking-native-app body.sk-module-vendas .sale-mini-delete{width:32px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:13px!important}

  html.solking-native-app body.sk-module-vendas .sale-overview-hero{display:block!important;padding:10px!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:none!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-title{display:flex!important;gap:8px!important;align-items:flex-start!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-client{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-client .sale-client-avatar{width:44px!important;height:44px!important;font-size:22px!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-title h2{font-size:16px!important;line-height:1.08!important;margin:2px 0!important;overflow-wrap:anywhere!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-title p{font-size:9px!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:8px 0!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-metrics>div{min-width:0!important;padding:7px 5px!important;border-radius:8px!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-metrics small{font-size:6.5px!important}
  html.solking-native-app body.sk-module-vendas .sale-overview-metrics strong{font-size:9px!important;overflow-wrap:anywhere!important}
  html.solking-native-app body.sk-module-vendas .sale-contact-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  html.solking-native-app body.sk-module-vendas .sale-contact-btn{min-height:34px!important;padding:6px!important;font-size:8.5px!important;text-align:center!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon:not(.compact){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;overflow:visible!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon:not(.compact):before{display:none!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node{min-width:0!important;padding:5px 3px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--surface2)!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node span{font-size:7px!important;white-space:normal!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon:not(.compact) .sale-stage-node small{display:none!important}
  html.solking-native-app body.sk-module-vendas .sale-legacy-summary{display:none!important}
  html.solking-native-app body.sk-module-vendas .sale-price-grid{grid-template-columns:1fr!important;gap:6px!important}
  html.solking-native-app body.sk-module-vendas .sale-price-grid>label,
  html.solking-native-app body.sk-module-vendas .sale-price-adjustment{min-height:56px!important;padding:8px 9px!important}
  html.solking-native-app body.sk-module-vendas .sale-final-price-field input{font-size:16px!important}
}

@media (max-width:430px){
  html.solking-native-app body.sk-module-vendas .sales-view-tabs button{font-size:9px!important;padding:0 2px!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-card{padding:10px!important}
  html.solking-native-app body.sk-module-vendas .sale-journey-name h4{font-size:13.5px!important}
  html.solking-native-app body.sk-module-vendas .sale-stage-ribbon.compact .sale-stage-node span{font-size:7px!important}
}
/* V21.1 — ação de exclusão no cabeçalho da venda */
body.sk-module-vendas .sale-detail-head-actions{display:flex!important;align-items:center!important;gap:7px!important}
body.sk-module-vendas .sale-top-delete{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:0!important;border:1px solid #f0b5bd!important;border-radius:9px!important;background:#fff5f6!important;color:#d92c3b!important;font-size:14px!important;cursor:pointer!important}
body.sk-module-vendas .sale-top-delete:hover{background:#ffe9ec!important;border-color:#e98c98!important}
body[data-theme="dark"].sk-module-vendas .sale-top-delete{background:#341a20!important;border-color:#70404a!important;color:#ff8794!important}
@media(max-width:980px){html.solking-native-app body.sk-module-vendas .sale-detail-head-actions{gap:5px!important}html.solking-native-app body.sk-module-vendas .sale-top-delete{width:34px!important;height:34px!important}}
body.sk-module-vendas .sale-mini-delete:disabled,body.sk-module-vendas .sale-top-delete:disabled,body.sk-module-vendas #deleteSale:disabled{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.25)!important}

/* ==========================================================
   SOLKING APP V20 — navegação inferior vetorial
   Somente app nativo. Mantém os mesmos 5 atalhos e muda apenas o visual.
   ========================================================== */
@media(max-width:980px){
  .sk-mobile-bottom .ico svg{
    width:22px;height:22px;display:block;fill:none;stroke:currentColor;
    stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;
  }
  html.solking-native-app .sk-mobile-bottom{
    height:74px!important;
    padding:6px 7px 4px!important;
    border-radius:24px 24px 0 0!important;
    border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    box-shadow:0 -12px 34px rgba(6,27,50,.12)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
    overflow:visible!important;
  }
  html.solking-native-app .sk-mobile-bottom a,
  html.solking-native-app .sk-mobile-bottom button{
    position:relative!important;
    height:100%!important;
    gap:3px!important;
    padding:3px 2px 2px!important;
    color:color-mix(in srgb,var(--muted) 90%,var(--text))!important;
    font-size:9.5px!important;
    font-weight:800!important;
    letter-spacing:-.08px!important;
    transition:color .16s ease,transform .16s ease!important;
  }
  html.solking-native-app .sk-mobile-bottom .ico{
    width:36px!important;height:32px!important;min-width:36px!important;
    display:grid!important;place-items:center!important;
    border-radius:12px!important;
    font-size:0!important;
    background:transparent!important;
    transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
  }
  html.solking-native-app .sk-mobile-bottom .ico svg{width:21px!important;height:21px!important}
  html.solking-native-app .sk-mobile-bottom a.active{
    color:#f5a900!important;
    transform:translateY(-1px)!important;
  }
  html.solking-native-app .sk-mobile-bottom a.active .ico{
    color:#f5a900!important;
    background:linear-gradient(145deg,rgba(245,169,0,.18),rgba(245,169,0,.07))!important;
    box-shadow:inset 0 0 0 1px rgba(245,169,0,.20),0 4px 12px rgba(245,169,0,.08)!important;
  }
  html.solking-native-app .sk-mobile-bottom a.active::after{display:none!important}
  html.solking-native-app #skMobileMore:active .ico,
  html.solking-native-app .sk-mobile-bottom a:active .ico{transform:scale(.94)!important}
  body[data-theme="dark"] .sk-mobile-bottom{
    border-top-color:rgba(120,151,180,.18)!important;
    box-shadow:0 -14px 36px rgba(0,0,0,.22)!important;
  }
  body[data-theme="dark"] .sk-mobile-bottom a,
  body[data-theme="dark"] .sk-mobile-bottom button{color:#93a9bd!important}
  body[data-theme="dark"] .sk-mobile-bottom a.active{color:#ffc132!important}
  body[data-theme="dark"] .sk-mobile-bottom a.active .ico{
    color:#ffc132!important;background:rgba(255,193,50,.10)!important;
    box-shadow:inset 0 0 0 1px rgba(255,193,50,.18)!important;
  }
}



/* ==========================================================
   SOLKING NAVIGATION V22 — organização visual sem alterar funções
   Sequência: Comercial -> Contratos -> Operação -> Gestão -> Administração
   ========================================================== */
.sk-nav{
  gap:3px!important;
  padding:4px 2px 18px!important;
}
.sk-nav-label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 8px 4px!important;
  padding:0!important;
  color:color-mix(in srgb,var(--muted) 78%,var(--text))!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:1.35px!important;
  text-transform:uppercase!important;
  line-height:1!important;
}
.sk-nav-label:first-child{margin-top:3px!important}
.sk-nav-label::after{
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--border) 78%,transparent),transparent)!important;
}
.sk-nav a{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  font-weight:760!important;
  letter-spacing:-.08px!important;
}
.sk-nav .ico{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:color-mix(in srgb,var(--text) 72%,var(--sk-premium-blue))!important;
  background:color-mix(in srgb,var(--surface2) 82%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 68%,transparent)!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.sk-nav .ico svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.sk-nav a:hover .ico{
  transform:translateY(-1px)!important;
  color:var(--sk-premium-blue)!important;
  background:color-mix(in srgb,var(--sk-premium-blue) 10%,var(--surface))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sk-premium-blue) 22%,var(--border))!important;
}
.sk-nav a.active .ico{
  color:#fff!important;
  background:linear-gradient(145deg,var(--sk-premium-blue),var(--sk-premium-cyan))!important;
  box-shadow:0 5px 14px rgba(8,126,232,.22)!important;
}
body[data-theme="dark"] .sk-nav-label{
  color:color-mix(in srgb,var(--muted) 86%,#fff)!important;
}
body[data-theme="dark"] .sk-nav-label::after{
  background:linear-gradient(90deg,rgba(151,180,209,.22),transparent)!important;
}
body[data-theme="dark"] .sk-nav .ico{
  color:#a9bdd1!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
body[data-theme="dark"] .sk-nav a.active .ico{color:#fff!important}
@media(max-width:980px){
  .sk-nav a{min-height:44px!important;font-size:12px!important}
  .sk-nav .ico{width:31px!important;height:31px!important}
}