/* ==========================================================================
   L7 Corretora · camada "Pane" (tema dia)
   Carregada DEPOIS de app.css. Não remove nada do CSS validado: apenas
   reorganiza o layout em painéis flutuantes e adiciona movimento.
   Paleta original preservada: navy #0b3157 · #124773 · #1b5b90 · blue #2b79b9
   green #25846d · orange #d88a3d · purple #7566b5 · red #c8565c
   ========================================================================== */

:root{
  --pane-canvas:#edf2f8;
  --pane-surface:#ffffff;
  --pane-surface-2:#f7f9fc;
  --pane-border:#e2e9f1;
  --pane-border-strong:#d3dee9;
  --pane-ink:#14283d;
  --pane-ink-2:#3d5469;
  --pane-muted:#6d7f92;
  --pane-radius:22px;
  --pane-radius-sm:14px;
  --pane-shadow:0 1px 2px rgba(16,40,66,.04),0 10px 30px rgba(16,40,66,.055);
  --pane-shadow-hover:0 2px 6px rgba(16,40,66,.05),0 22px 48px rgba(16,40,66,.11);
  --pane-ease:cubic-bezier(.22,1,.36,1);
  --pane-spring:cubic-bezier(.34,1.45,.64,1);
  --pane-navy-grad:linear-gradient(135deg,#0b3157 0%,#124773 52%,#1b5b90 100%);
  --pane-gap:20px;
  --sidebar-w:252px;
  --sidebar-inset:14px;
  --tone-blue:#2b79b9;--tone-blue-soft:#e8f2fb;
  --tone-mint:#25846d;--tone-mint-soft:#e6f5ef;
  --tone-amber:#c27a2f;--tone-amber-soft:#fff2e2;
  --tone-lilac:#7566b5;--tone-lilac-soft:#f0edfa;
  --tone-red:#c8565c;--tone-red-soft:#fdeeee;
}

/* ---------- Transições entre páginas (View Transitions, Chrome/Edge) ---------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pane-vt-out .22s var(--pane-ease) both}
::view-transition-new(root){animation:pane-vt-in .42s var(--pane-ease) both}
::view-transition-group(nav-active){animation-duration:.45s;animation-timing-function:var(--pane-ease)}
::view-transition-group(pane-sidebar),::view-transition-group(pane-topbar){animation:none}
::view-transition-old(pane-sidebar),::view-transition-new(pane-sidebar),::view-transition-old(pane-topbar),::view-transition-new(pane-topbar){animation:none;mix-blend-mode:normal}
@keyframes pane-vt-out{to{opacity:0;transform:translateY(-6px) scale(.995)}}
@keyframes pane-vt-in{from{opacity:0;transform:translateY(12px)}}

/* ---------- Canvas ---------- */
body.app-body.pane-ui{background:var(--pane-canvas);color:var(--pane-ink)}
.pane-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.pane-canvas i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:pane-drift 26s ease-in-out infinite alternate}
.pane-canvas i:nth-child(1){width:520px;height:520px;left:8%;top:-220px;background:radial-gradient(circle,#cfe4f6 0%,transparent 70%)}
.pane-canvas i:nth-child(2){width:460px;height:460px;right:-120px;top:30%;background:radial-gradient(circle,#d6efe5 0%,transparent 70%);animation-delay:-8s}
.pane-canvas i:nth-child(3){width:420px;height:420px;left:38%;bottom:-240px;background:radial-gradient(circle,#e6e1f6 0%,transparent 70%);animation-delay:-16s}
@keyframes pane-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,30px,0) scale(1.08)}100%{transform:translate3d(-30px,10px,0) scale(.96)}}
body.pane-ui .app-frame{position:relative;z-index:1}

/* ---------- Sidebar como painel flutuante ---------- */
body.pane-ui .sidebar{
  top:var(--sidebar-inset);bottom:var(--sidebar-inset);left:var(--sidebar-inset);right:auto;
  width:var(--sidebar-w);height:auto;padding:16px 12px 12px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.9);outline:1px solid var(--pane-border);outline-offset:-1px;
  border-radius:26px;box-shadow:0 18px 50px rgba(16,40,66,.09);color:var(--pane-ink-2);
  view-transition-name:pane-sidebar;overflow:hidden;
}
body.pane-ui .main-area{margin-left:calc(var(--sidebar-w) + var(--sidebar-inset) * 2);position:relative}
body.pane-ui.sidebar-collapsed .sidebar,html.pre-collapsed body.pane-ui .sidebar{width:84px;padding-inline:10px}
body.pane-ui.sidebar-collapsed .main-area,html.pre-collapsed body.pane-ui .main-area{margin-left:calc(84px + var(--sidebar-inset) * 2)}
html.pre-collapsed body.pane-ui .brand-wordmark,html.pre-collapsed body.pane-ui .nav-group-label,html.pre-collapsed body.pane-ui .nav-link>span,html.pre-collapsed body.pane-ui .support-card,html.pre-collapsed body.pane-ui .sidebar-user>div,html.pre-collapsed body.pane-ui .sidebar-search span,html.pre-collapsed body.pane-ui .sidebar-search kbd{display:none}
html.pre-collapsed body.pane-ui .sidebar-brand-row{flex-direction:column;gap:8px}
html.pre-collapsed body.pane-ui .nav-link{justify-content:center;padding:0}
body.pane-ui .sidebar-brand-row{padding:2px 4px 12px;border-bottom:1px solid #edf1f6;margin-bottom:12px}
body.pane-ui .sidebar-logo img{border-radius:12px;transition:transform .5s var(--pane-spring)}
body.pane-ui .sidebar-logo:hover img{transform:rotate(-4deg) scale(1.05)}
body.pane-ui .sidebar-collapse-toggle{border:1px solid var(--pane-border);background:#fff;border-radius:11px;transition:transform .35s var(--pane-ease),background .2s,color .2s}
body.pane-ui .sidebar-collapse-toggle:hover{background:#f1f6fb;color:#0b3157}
body.pane-ui .workspace-label{display:none}

.sidebar-search{display:flex;align-items:center;gap:9px;width:100%;height:40px;margin:0 0 6px;padding:0 10px 0 12px;border:1px solid var(--pane-border);border-radius:12px;background:var(--pane-surface-2);color:#7a8b9c;font-size:12.5px;font-weight:600;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s}
.sidebar-search span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-search .icon{width:16px;height:16px}
.sidebar-search:hover{border-color:#c9d9e8;background:#fff;box-shadow:0 4px 14px rgba(16,40,66,.06)}
.sidebar-search kbd,.topbar-search kbd{font:600 10px/1 var(--sans);padding:4px 6px;border-radius:6px;border:1px solid #dbe4ee;background:#fff;color:#7d8ea0;white-space:nowrap}
body.pane-ui.sidebar-collapsed .sidebar-search{justify-content:center;padding:0}
body.pane-ui.sidebar-collapsed .sidebar-search span,body.pane-ui.sidebar-collapsed .sidebar-search kbd{display:none}

body.pane-ui .side-nav{gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:6px}
body.pane-ui .side-nav::-webkit-scrollbar{display:none}
body.pane-ui .nav-group-label{margin:14px 10px 6px;color:#9aa9b8;font-size:10px;letter-spacing:.14em;font-weight:700}
body.pane-ui .side-nav .nav-link{position:relative;height:42px;border:0;border-radius:13px;color:#4c6176;font-size:13px;font-weight:650;isolation:isolate;transition:color .25s var(--pane-ease),transform .25s var(--pane-ease)}
body.pane-ui .side-nav .nav-link::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:#eef3f8;opacity:0;transform:scale(.94);transition:opacity .22s,transform .3s var(--pane-ease)}
body.pane-ui .side-nav .nav-link:hover{color:#0b3157;transform:translateX(2px)}
body.pane-ui .side-nav .nav-link:hover::before{opacity:1;transform:scale(1)}
body.pane-ui .side-nav .nav-link .icon{transition:transform .35s var(--pane-spring)}
body.pane-ui .side-nav .nav-link:hover .icon{transform:scale(1.12) rotate(-6deg)}
body.pane-ui .side-nav .nav-link.active{color:#fff;background:transparent;box-shadow:none;transform:none}
body.pane-ui .side-nav .nav-link.active::before{opacity:1;transform:none;background:var(--pane-navy-grad);box-shadow:0 10px 22px rgba(11,49,87,.28),inset 0 1px 0 rgba(255,255,255,.14)}
body.pane-ui .side-nav .nav-link.active{view-transition-name:nav-active}
body.pane-ui .side-nav .nav-link.active .icon{color:#bfe3fb}
body.pane-ui .nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:20px;background:#e8f1f9;color:#1b5b90;font-size:10.5px;font-weight:800}
body.pane-ui .nav-link.active .nav-count{background:rgba(255,255,255,.18);color:#fff}
body.pane-ui .nav-count-alert{background:#fff0e0;color:#b36a22}
body.pane-ui.sidebar-collapsed .nav-count{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:9px}

body.pane-ui .sidebar-bottom{padding-top:10px;border-top:1px solid #edf1f6;gap:8px}
.today-card{display:flex!important;align-items:center;gap:11px;padding:10px!important;border-radius:16px!important;border:1px solid #e3ecf5!important;background:linear-gradient(135deg,#f3f8fd,#f7fbf9)!important;color:var(--pane-ink);transition:transform .3s var(--pane-ease),box-shadow .3s}
.today-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,40,66,.08)}
.today-card-date{width:44px;height:48px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border-radius:12px;background:var(--pane-navy-grad);color:#fff;box-shadow:0 8px 16px rgba(11,49,87,.22)}
.today-card-date b{font:800 19px/1 var(--display)}
.today-card-date small{font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;opacity:.8;margin-top:2px}
.today-card-copy{display:grid;min-width:0;gap:2px}
.today-card-copy strong{font-size:12.5px}
.today-card-copy small{font-size:11px;color:var(--pane-muted)}
.today-card-arrow{margin-left:auto;color:#8aa0b5;transition:transform .3s var(--pane-ease)}
.today-card-arrow .icon{width:15px;height:15px}
.today-card:hover .today-card-arrow{transform:translateX(3px);color:#0b3157}
body.pane-ui .sidebar-user{border-radius:14px;padding:8px;background:transparent;border:0}
body.pane-ui .sidebar-user .avatar{background:var(--pane-navy-grad);color:#fff;border:0}

/* ---------- Topbar ---------- */
body.pane-ui .topbar{height:76px;padding:0 clamp(18px,2.6vw,36px);background:linear-gradient(180deg,rgba(237,242,248,.92) 0%,rgba(237,242,248,.72) 70%,rgba(237,242,248,0) 100%);border:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:16px;view-transition-name:pane-topbar}
body.pane-ui .breadcrumb{font-size:12.5px;white-space:nowrap}
body.pane-ui .breadcrumb strong{color:#0b3157}
.topbar-search{flex:1;max-width:440px;margin-left:clamp(8px,3vw,40px);height:44px;display:flex;align-items:center;gap:10px;padding:0 10px 0 15px;border:1px solid var(--pane-border);border-radius:14px;background:rgba(255,255,255,.9);color:#8193a5;font-size:13px;text-align:left;box-shadow:0 2px 8px rgba(16,40,66,.03);transition:border-color .2s,box-shadow .25s var(--pane-ease),transform .25s var(--pane-ease)}
.topbar-search span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-search .icon{width:17px;height:17px}
.topbar-search:hover{border-color:#c6d7e8;box-shadow:0 8px 22px rgba(16,40,66,.08);transform:translateY(-1px)}
body.pane-ui .topbar-right{gap:10px;margin-left:auto}
body.pane-ui .today-label{background:rgba(255,255,255,.85);border-color:var(--pane-border)}
body.pane-ui .topbar-bell{position:relative;background:#fff;border:1px solid var(--pane-border);border-radius:12px;width:42px;height:42px}
body.pane-ui .topbar-bell:hover .icon{animation:pane-ring .7s ease}
@keyframes pane-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
.bell-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#d88a3d;color:#fff;font-size:10px;font-weight:800;border:2px solid var(--pane-canvas);animation:pane-pop .5s var(--pane-spring) .4s both}
@keyframes pane-pop{from{transform:scale(0)}to{transform:scale(1)}}
body.pane-ui .topbar>.topbar-right>.avatar{width:42px;height:42px;border-radius:13px;background:var(--pane-navy-grad);color:#fff;border:0;box-shadow:0 6px 14px rgba(11,49,87,.22)}
body.pane-ui .topbar-bell::after{display:none}

.quick-create{position:relative}
.quick-create-toggle{height:42px;min-height:42px;border-radius:12px!important;padding:0 14px}
.quick-create-toggle .icon{transition:transform .35s var(--pane-spring)}
.quick-create.open .quick-create-toggle .icon{transform:rotate(135deg)}
.quick-create-menu{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--pane-border);box-shadow:0 24px 60px rgba(16,40,66,.18);z-index:40;display:grid;gap:2px;transform-origin:top right;animation:pane-menu-in .26s var(--pane-ease) both}
.quick-create-menu[hidden]{display:none}
@keyframes pane-menu-in{from{opacity:0;transform:translateY(-6px) scale(.96)}}
.quick-create-menu a{display:flex;align-items:center;gap:11px;padding:9px;border-radius:12px;transition:background .18s,transform .25s var(--pane-ease)}
.quick-create-menu a:hover,.quick-create-menu a:focus-visible{background:#f2f6fa;transform:translateX(3px);outline:0}
.quick-create-menu strong{display:block;font-size:13px;color:var(--pane-ink)}
.quick-create-menu small{display:block;font-size:11px;color:var(--pane-muted)}
.qc-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}
.qc-ico .icon{width:17px;height:17px}
.qc-blue{background:var(--tone-blue-soft);color:var(--tone-blue)}.qc-mint{background:var(--tone-mint-soft);color:var(--tone-mint)}.qc-amber{background:var(--tone-amber-soft);color:var(--tone-amber)}.qc-lilac{background:var(--tone-lilac-soft);color:var(--tone-lilac)}

/* ---------- Conteúdo e cabeçalhos ---------- */
body.pane-ui .page-content{max-width:1600px;padding:6px clamp(18px,2.6vw,36px) 40px}
body.pane-ui .page-heading{margin-bottom:22px;animation:none}
body.pane-ui .page-heading h1{letter-spacing:-.035em;view-transition-name:page-title;width:max-content;max-width:100%}
body.pane-ui .page-heading .eyebrow{display:inline-flex;align-items:center;gap:8px}
body.pane-ui .page-heading .eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2b79b9,#7bd0a4)}
body.pane-ui .site-footer{background:transparent;border:0}

/* Painéis */
body.pane-ui .panel,body.pane-ui .stat-card,body.pane-ui .month-card{background:var(--pane-surface);border:1px solid var(--pane-border);border-radius:var(--pane-radius);box-shadow:var(--pane-shadow)}
body.pane-ui .panel{transition:box-shadow .35s var(--pane-ease),transform .35s var(--pane-ease)}
body.pane-ui .panel-heading h2{letter-spacing:-.02em}
body.pane-ui .stat-card{transition:transform .4s var(--pane-ease),box-shadow .4s var(--pane-ease),border-color .3s;animation:none}
body.pane-ui .stat-card:hover{transform:translateY(-4px);box-shadow:var(--pane-shadow-hover);border-color:var(--pane-border-strong)}
body.pane-ui .stat-card .stat-icon{transition:transform .5s var(--pane-spring)}
body.pane-ui .stat-card:hover .stat-icon{transform:scale(1.1) rotate(-8deg)}

/* Spotlight que segue o mouse */
.pane-spot{position:relative;overflow:hidden}
.pane-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(43,121,185,.075),transparent 42%);opacity:0;transition:opacity .35s}
.pane-spot:hover::after{opacity:1}

/* Revelação ao rolar */
html.pane-js [data-reveal],html.pane-js body.pane-ui .stat-card,html.pane-js .reveal-auto{opacity:0;transform:translateY(16px);transition:opacity .7s var(--pane-ease),transform .7s var(--pane-ease),box-shadow .35s var(--pane-ease),border-color .3s;transition-delay:calc(var(--i,0) * 55ms)}
html.pane-js [data-reveal].is-in,html.pane-js body.pane-ui .stat-card.is-in,html.pane-js .reveal-auto.is-in{opacity:1;transform:none}
html.pane-js body.pane-ui .stat-card.is-in:hover{transform:translateY(-4px)}

/* Segurança: se o script não carregar, nada fica invisível. */
html.pane-js:not(.pane-ready) [data-reveal],html.pane-js:not(.pane-ready) body.pane-ui .stat-card,html.pane-js:not(.pane-ready) .kpi-chip{animation:pane-failsafe .5s ease 2.5s forwards}
@keyframes pane-failsafe{to{opacity:1;transform:none}}
html.pane-js .kpi-chip{opacity:0;transform:translateY(16px);transition:opacity .7s var(--pane-ease),transform .7s var(--pane-ease),box-shadow .35s;transition-delay:calc(var(--i,0) * 55ms)}
html.pane-js .kpi-chip.is-in{opacity:1;transform:none}
html.pane-js .kpi-chip.is-in:hover{transform:translateY(-3px)}

/* Botões */
body.pane-ui .button{border-radius:12px;position:relative;overflow:hidden;transition:transform .25s var(--pane-ease),box-shadow .25s var(--pane-ease),background .2s,color .2s,border-color .2s}
body.pane-ui .button.primary{background:var(--pane-navy-grad);box-shadow:0 8px 18px rgba(11,49,87,.22),inset 0 1px 0 rgba(255,255,255,.12)}
body.pane-ui .button.primary:hover{box-shadow:0 12px 26px rgba(11,49,87,.3),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-2px)}
body.pane-ui .button:active{transform:translateY(0) scale(.97)}
body.pane-ui .button.secondary{background:#fff;border-color:var(--pane-border)}
.pane-ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.22;transform:scale(0);animation:pane-ripple .6s var(--pane-ease) forwards}
@keyframes pane-ripple{to{transform:scale(1);opacity:0}}

/* Controle segmentado */
.segmented{display:inline-flex;align-items:center;gap:3px;padding:4px;border-radius:13px;background:#eef3f8;border:1px solid #e3eaf2;position:relative;isolation:isolate;max-width:100%;overflow-x:auto;scrollbar-width:none}
.segmented::-webkit-scrollbar{display:none}
.segmented>button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#5e7286;font-size:12.5px;font-weight:700;white-space:nowrap;transition:color .25s}
.segmented>button span{min-width:20px;height:18px;padding:0 6px;border-radius:9px;display:inline-grid;place-items:center;background:rgba(11,49,87,.07);font-size:10.5px}
.segmented>button.active{color:#0b3157}
.segmented>button:hover{color:#0b3157}
.segmented>button .icon{width:15px;height:15px}
.segmented .seg-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:0;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(16,40,66,.1);transition:transform .45s var(--pane-spring),width .45s var(--pane-spring)}
.segmented:not(.has-thumb)>button.active{background:#fff;box-shadow:0 2px 8px rgba(16,40,66,.1)}

/* ==========================================================================
   HOME / DASHBOARD
   ========================================================================== */
.dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pane-gap);align-items:stretch}
.dash-hero{grid-column:span 8;position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:30px 34px;border-radius:26px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#1f6aa3 0%,rgba(31,106,163,0) 55%),radial-gradient(90% 120% at 0% 100%,#0f4170 0%,rgba(15,65,112,0) 60%),linear-gradient(135deg,#0b3157 0%,#124773 60%,#1b5b90 100%);box-shadow:0 24px 50px rgba(11,49,87,.25)}
.dash-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(80% 90% at 85% 20%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(80% 90% at 85% 20%,#000 0%,transparent 75%);pointer-events:none}
.dash-hero::after{content:"";position:absolute;width:340px;height:340px;right:-90px;bottom:-170px;border-radius:50%;border:56px solid rgba(123,208,164,.09);pointer-events:none;animation:pane-spin 40s linear infinite}
@keyframes pane-spin{to{transform:rotate(360deg)}}
.dash-hero-copy{position:relative;z-index:1;flex:1;min-width:0}
.hero-date{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#d8ecfb}
.hero-date .icon{width:14px;height:14px}
.dash-hero h1{margin:14px 0 8px;font:800 clamp(28px,3vw,40px)/1.05 var(--display);letter-spacing:-.04em;color:#fff}
.dash-hero p{margin:0;max-width:560px;font-size:14.5px;line-height:1.6;color:#cfe2f2}
.dash-hero p b{color:#fff}
.dash-hero p .hero-alert{color:#ffc58e}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
body.pane-ui .dash-hero .button.primary{background:#fff;color:#0b3157;box-shadow:0 10px 24px rgba(0,0,0,.18)}
body.pane-ui .dash-hero .button.primary:hover{background:#f2f8fd}
body.pane-ui .dash-hero .button.primary .icon{color:#0b3157}
.hero-ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.hero-ghost:hover{background:rgba(255,255,255,.16)!important}
.hero-metrics{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.hero-metrics small{display:block;font-size:11px;color:#a9c6de;margin-bottom:3px}
.hero-metrics strong{font:800 19px/1.1 var(--display);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.hero-ring{position:relative;z-index:1;width:172px;height:172px;flex:0 0 auto}
.hero-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.hero-ring circle{fill:none;stroke-width:10}
.ring-track{stroke:rgba(255,255,255,.12)}
.ring-value{stroke:url(#hero-ring-gradient);stroke-linecap:round;stroke-dasharray:var(--ring) 100;animation:pane-ring-in 1.6s var(--pane-ease) .2s both;filter:drop-shadow(0 0 8px rgba(123,208,164,.45))}
@keyframes pane-ring-in{from{stroke-dasharray:0 100}}
.hero-ring-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.hero-ring-label strong{font:800 34px/1 var(--display);letter-spacing:-.04em}
.hero-ring-label span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bfe0f5;margin-top:4px}
.hero-ring-label small{font-size:11px;color:#9fbdd6;margin-top:3px}

/* Mini calendário */
.dash-calendar{grid-column:span 4;padding:20px 20px 16px;display:flex;flex-direction:column;min-height:0}
.mini-cal-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.mini-cal-head h2{margin:2px 0 0;font:800 19px/1.2 var(--display);letter-spacing:-.02em;text-transform:capitalize;color:var(--pane-ink)}
.mini-cal-nav{display:flex;gap:4px}
.mini-cal-nav .icon-button{border:1px solid var(--pane-border);background:#fff}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.mini-cal.swap{animation:pane-cal-swap .4s var(--pane-ease)}
@keyframes pane-cal-swap{from{opacity:0;transform:translateX(var(--dir,12px))}}
.mini-cal-wd{font-size:10px;font-weight:800;color:#9aabbb;letter-spacing:.08em;padding:4px 0 6px}
.mini-cal-day-btn{position:relative;aspect-ratio:1/1;max-height:40px;border:0;border-radius:11px;background:transparent;color:var(--pane-ink-2);font-size:12.5px;font-weight:650;display:grid;place-items:center;transition:background .2s,color .2s,transform .3s var(--pane-spring)}
.mini-cal-day-btn:hover{background:#eef4fa;transform:scale(1.08)}
.mini-cal-day-btn.blank{visibility:hidden}
.mini-cal-day-btn.is-past{color:#a7b5c3}
.mini-cal-day-btn.is-today{background:#e7f1fa;color:#0b3157;font-weight:800;box-shadow:inset 0 0 0 1.5px #9cc6e6}
.mini-cal-day-btn.is-selected{background:var(--pane-navy-grad);color:#fff;box-shadow:0 8px 16px rgba(11,49,87,.25)}
.mini-cal-dots{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:2px}
.mini-cal-dots i{width:4px;height:4px;border-radius:50%;background:#2b79b9}
.mini-cal-dots i.product-life{background:#25846d}.mini-cal-dots i.product-dental{background:#7566b5}.mini-cal-dots i.product-health{background:#2b79b9}.mini-cal-dots i.event-return{background:#d88a3d}
.mini-cal-day-btn.is-selected .mini-cal-dots i{background:#fff}
.mini-cal-day{margin-top:12px;padding-top:12px;border-top:1px dashed var(--pane-border);flex:1;min-height:0;display:flex;flex-direction:column}
.mini-cal-day-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7d90a3;margin-bottom:8px}
.mini-cal-events{display:grid;gap:6px;overflow:auto;max-height:170px;scrollbar-width:thin}
.mini-cal-event{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--pane-surface-2);border:1px solid #edf1f6;animation:pane-item-in .4s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 50ms)}
.mini-cal-event b{font:800 12px/1 var(--display);color:#0b3157;min-width:38px}
.mini-cal-event span{min-width:0;display:grid}
.mini-cal-event strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-cal-event small{font-size:11px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-cal-event::before{content:"";width:3px;align-self:stretch;border-radius:3px;background:#2b79b9}
.mini-cal-event.product-life::before{background:#25846d}.mini-cal-event.product-dental::before{background:#7566b5}.mini-cal-event.event-return::before{background:#d88a3d}
.mini-cal-empty{font-size:12px;color:var(--pane-muted);padding:10px 2px}
@keyframes pane-item-in{from{opacity:0;transform:translateY(6px)}}

/* KPIs */
.dash-grid>.stat-grid{grid-column:1/-1;margin:0}
body.pane-ui .dashboard-stat-grid{gap:16px!important}
body.pane-ui .dashboard-stat-grid .stat-card{min-height:156px;padding:18px 18px 14px}
.stat-spark{display:block;width:100%;height:30px;margin:8px 0 2px}
.stat-spark .spark-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;animation:pane-draw 1.4s var(--pane-ease) .3s forwards}
.stat-spark .spark-area{stroke:none;opacity:.12}
.spark-blue .spark-line{stroke:#2b79b9}.spark-blue .spark-area{fill:#2b79b9}
.spark-mint .spark-line{stroke:#25846d}.spark-mint .spark-area{fill:#25846d}
@keyframes pane-draw{to{stroke-dashoffset:0}}
.count-up{font-variant-numeric:tabular-nums}

/* Tarefas */
.dash-tasks{grid-column:span 5;display:flex;flex-direction:column}
.dash-tasks .segmented{margin:0 0 12px;align-self:flex-start}
.task-list{display:grid;gap:6px;align-content:start;overflow:auto;max-height:388px;margin:0 -6px;padding:2px 6px;scrollbar-width:thin}
.task-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:15px;border:1px solid transparent;background:var(--pane-surface-2);transition:transform .3s var(--pane-ease),border-color .2s,background .2s,box-shadow .3s,opacity .3s}
.task-row:hover{background:#fff;border-color:var(--pane-border);box-shadow:0 8px 20px rgba(16,40,66,.07);transform:translateX(3px)}
.task-row.is-hidden{display:none}
.task-check{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--tone-blue-soft);color:var(--tone-blue)}
.task-check .icon{width:16px;height:16px}
.task-overdue .task-check{background:var(--tone-red-soft);color:var(--tone-red)}
.task-today .task-check{background:var(--tone-amber-soft);color:var(--tone-amber)}
.task-main{min-width:0;display:grid;gap:3px}
.task-main strong{font-size:13px;color:var(--pane-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-main small{font-size:11.5px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.task-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#94a3b8;flex:0 0 auto}
.task-dot.product-life{background:#25846d}.task-dot.product-dental{background:#7566b5}.task-dot.product-health{background:#2b79b9}
.task-due{display:grid;text-align:right;gap:1px}
.task-due b{font-size:12px;color:var(--pane-ink)}
.task-due small{font-size:11px;color:var(--pane-muted)}
.task-overdue .task-due b{color:var(--tone-red)}
.task-today .task-due b{color:var(--tone-amber)}
.task-row .stage-pill{justify-self:end}
.task-empty-filter{padding:24px;text-align:center;color:var(--pane-muted);font-size:12.5px}

/* Funil como projetos */
.dash-projects{grid-column:span 7}
.dash-tasks,.dash-projects{padding:22px 22px 18px}
.dash-tasks .panel-heading,.dash-projects .panel-heading{margin-bottom:14px}
.project-grid{display:grid;grid-template-columns:1fr;gap:9px}
.project-card{--c:var(--tone-blue);--soft:var(--tone-blue-soft);position:relative;display:grid;grid-template-columns:minmax(118px,.9fr) minmax(120px,1fr) minmax(110px,1.3fr) minmax(96px,auto);grid-template-areas:'top count bar people' 'top amount bar people';align-items:center;column-gap:16px;row-gap:1px;padding:12px 16px;border-radius:16px;background:linear-gradient(100deg,var(--soft) 0%,#fff 46%);border:1px solid var(--pane-border);transition:transform .4s var(--pane-ease),box-shadow .4s var(--pane-ease),border-color .3s;overflow:hidden}
.project-card:hover{transform:translateX(4px);box-shadow:var(--pane-shadow-hover);border-color:color-mix(in srgb,var(--c) 30%,#fff)}
.tone-blue{--c:var(--tone-blue);--soft:var(--tone-blue-soft)}.tone-amber{--c:var(--tone-amber);--soft:var(--tone-amber-soft)}.tone-lilac{--c:var(--tone-lilac);--soft:var(--tone-lilac-soft)}.tone-mint{--c:var(--tone-mint);--soft:var(--tone-mint-soft)}.tone-red{--c:var(--tone-red);--soft:var(--tone-red-soft)}
.project-top{grid-area:top;display:grid;gap:3px;align-content:center}
.project-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--c)}
.project-badge i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}
.project-share{font-size:11px;font-weight:800;color:var(--pane-muted)}
.project-count{grid-area:count;font:800 22px/1.1 var(--display);letter-spacing:-.03em;color:var(--pane-ink)}
.project-count small{font:600 11.5px var(--sans);color:var(--pane-muted);letter-spacing:0}
.project-amount{grid-area:amount;font-size:12px;font-weight:700;color:var(--pane-ink-2)}
.project-bar{grid-area:bar;height:8px;border-radius:8px;background:#edf1f6;overflow:hidden}
.project-bar i{display:block;height:100%;width:var(--share);border-radius:inherit;background:var(--c);transform-origin:left;animation:pane-grow 1.1s var(--pane-ease) .3s both}
@keyframes pane-grow{from{transform:scaleX(0)}}
.project-people{grid-area:people;display:flex;align-items:center;justify-content:flex-end;min-height:26px}
.project-people .avatar.micro{width:26px;height:26px;margin-left:-7px;border:2px solid #fff;font-size:10.5px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);transition:transform .3s var(--pane-spring)}
.project-people .avatar.micro:first-child{margin-left:0}
.project-card:hover .project-people .avatar.micro{transform:translateY(-2px)}
.project-people .avatar.micro.more{background:#f1f5f9;color:#64748b}
.project-empty{font-size:11px;color:#9aa9b8}

/* Gráficos, agenda, pipeline, aniversários */
.dash-grid>.dashboard-chart-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pane-gap);min-width:0}
.dash-grid .dashboard-mini-chart-panel{min-width:0;padding:18px 20px;overflow:hidden}
.dash-grid>.agenda-panel{grid-column:span 6}
.dash-grid>.recent-panel{grid-column:span 6}
.dash-grid>.birthday-panel{grid-column:1/-1}
body.pane-ui .event-row{border-radius:15px;transition:transform .3s var(--pane-ease),background .2s,box-shadow .3s}
body.pane-ui .event-row:hover{transform:translateX(4px);background:#f6f9fc}
body.pane-ui .data-table tbody tr{transition:background .2s}
body.pane-ui .data-table tbody tr:hover{background:#f6f9fc}
.birthday-strip{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);grid-template-columns:none!important;gap:12px!important;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.birthday-strip .birthday-row{scroll-snap-align:start;border-radius:16px;transition:transform .35s var(--pane-ease),box-shadow .35s}
.birthday-strip .birthday-row:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,40,66,.08)}
.birthday-row.is-soon{background:linear-gradient(135deg,#fff6ec,#fff)!important;border-color:#f4d9bb!important}

/* ==========================================================================
   LEADS
   ========================================================================== */
body.pane-ui .board-toolbar{border-radius:var(--pane-radius);border:1px solid var(--pane-border);box-shadow:var(--pane-shadow);background:#fff}
body.pane-ui .view-switch-group{padding:4px}
body.pane-ui .view-switch-group .view-switch{border:0;height:34px;box-shadow:none}
.stage-ribbon{display:flex;gap:4px;height:6px;margin:14px 2px 16px;border-radius:6px;overflow:hidden}
.stage-ribbon-seg{flex-basis:0;min-width:10px;border-radius:6px;overflow:hidden;background:#dbe5ef;transition:flex-grow .8s var(--pane-ease)}
.stage-ribbon-seg i{display:block;height:100%;width:100%;transform-origin:left;animation:pane-grow 1.1s var(--pane-ease) both;background:currentColor}
.stage-ribbon-seg.dot-novo{color:#2b79b9}.stage-ribbon-seg.dot-proposta{color:#d88a3d}.stage-ribbon-seg.dot-negociacao{color:#7566b5}.stage-ribbon-seg.dot-ganho{color:#25846d}.stage-ribbon-seg.dot-perdido{color:#c8565c}
body.pane-ui .kanban-board{gap:16px}
body.pane-ui .kanban-column{border-radius:22px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);outline:1px solid var(--pane-border);outline-offset:-1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.pane-ui .column-heading{flex-wrap:wrap;row-gap:2px}
.column-amount{flex-basis:100%;padding-left:20px;font-size:11.5px;font-weight:700;color:var(--pane-muted)}
body.pane-ui .add-card{border-radius:14px;transition:background .2s,border-color .2s,color .2s,transform .3s var(--pane-ease)}
body.pane-ui .add-card:hover{transform:translateY(-1px)}
body.pane-ui .lead-card{border-radius:18px;transition:transform .35s var(--pane-ease),box-shadow .35s var(--pane-ease),border-color .25s;will-change:transform}
body.pane-ui .lead-card:hover{transform:translateY(-4px);box-shadow:var(--pane-shadow-hover)}
body.pane-ui .lead-card.dragging{transform:rotate(2.5deg) scale(1.03);box-shadow:0 30px 60px rgba(16,40,66,.22);opacity:.92}
body.pane-ui .lead-card.just-dropped{animation:pane-drop .55s var(--pane-spring)}
@keyframes pane-drop{0%{transform:scale(.92)}60%{transform:scale(1.03)}100%{transform:none}}
body.pane-ui .column-cards.drag-over{background:rgba(43,121,185,.06);border-radius:16px;box-shadow:inset 0 0 0 2px rgba(43,121,185,.25)}
body.pane-ui .lead-card .card-arrow{transition:transform .3s var(--pane-ease)}
body.pane-ui .lead-card:hover .card-arrow{transform:translateX(4px)}

/* Modo lista no kanban */
.kanban-board.list-view{display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px;overflow:visible!important}
.kanban-board.list-view .kanban-column{width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;flex:none!important;padding:14px!important}
.kanban-board.list-view .column-heading{flex-wrap:nowrap}
.kanban-board.list-view .column-amount{flex-basis:auto;margin-left:auto;padding-left:0}
.kanban-board.list-view .add-card-top{display:none}
.kanban-board.list-view .column-cards{display:grid!important;grid-template-columns:1fr;gap:6px;max-height:none!important;overflow:visible!important;min-height:12px}
.kanban-board.list-view .lead-card{display:grid!important;grid-template-columns:minmax(150px,1.1fr) minmax(180px,2fr) minmax(140px,1.4fr) auto;align-items:center;gap:14px;padding:10px 14px!important;min-height:0!important}
.kanban-board.list-view .lead-card h3{margin:0;grid-column:2;grid-row:1;font-size:13.5px}
.kanban-board.list-view .lead-card .lead-card-top{grid-column:1;grid-row:1;margin:0}
.kanban-board.list-view .lead-card .lead-contact{display:none}
.kanban-board.list-view .lead-card .lead-card-meta{grid-column:3;grid-row:1;margin:0;padding:0;border:0}
.kanban-board.list-view .lead-card .lead-card-bottom{grid-column:4;grid-row:1;margin:0;padding:0;border:0}
.kanban-board.list-view .lead-card:hover{transform:translateX(4px)}

/* ==========================================================================
   AGENDA
   ========================================================================== */
.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}
.week-day{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--pane-border);box-shadow:var(--pane-shadow);min-height:118px;overflow:hidden;transition:transform .35s var(--pane-ease),box-shadow .35s}
.week-day:hover{transform:translateY(-3px);box-shadow:var(--pane-shadow-hover)}
.week-day header{display:flex;align-items:baseline;justify-content:space-between}
.week-day header small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8ea0b2}
.week-day header b{font:800 22px/1 var(--display);color:var(--pane-ink);letter-spacing:-.03em}
.week-day.is-today{background:var(--pane-navy-grad);border-color:transparent;box-shadow:0 18px 36px rgba(11,49,87,.28)}
.week-day.is-today header small{color:#a9cfee}.week-day.is-today header b{color:#fff}
.week-day.is-past{opacity:.62}
.week-chip{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:9px;background:var(--pane-surface-2);font-size:11px;font-weight:650;color:var(--pane-ink-2);white-space:nowrap;overflow:hidden;animation:pane-item-in .4s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 40ms)}
.week-chip span{overflow:hidden;text-overflow:ellipsis}
.week-chip b{font-weight:800;color:#0b3157}
.week-chip i{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:#2b79b9}
.week-chip.product-life i{background:#25846d}.week-chip.product-dental i{background:#7566b5}.week-chip.event-birthday i{background:#e07a95}.week-chip.event-return i{background:#d88a3d}
.week-day.is-today .week-chip{background:rgba(255,255,255,.12);color:#e5f1fa}
.week-day.is-today .week-chip b{color:#fff}
.week-empty{font-size:11px;color:#a0afbd;margin-top:auto}
.week-day.is-today .week-empty{color:#a9cfee}
.week-more{font-size:10.5px;font-weight:700;color:#7d90a3}
body.pane-ui .agenda-toolbar{border-radius:18px;border:1px solid var(--pane-border);background:#fff;box-shadow:var(--pane-shadow);padding:8px 10px 8px 8px;gap:12px;flex-wrap:wrap}
body.pane-ui .calendar-layout{gap:var(--pane-gap)}
body.pane-ui .calendar-months{gap:var(--pane-gap)}
body.pane-ui .calendar-months.view-current,body.pane-ui .calendar-months.view-next{grid-template-columns:1fr!important}
body.pane-ui .calendar-months.view-current #calendar-next,body.pane-ui .calendar-months.view-next #calendar-current{display:none}
body.pane-ui .calendar-months.view-current .month-card,body.pane-ui .calendar-months.view-next .month-card{animation:pane-cal-swap .45s var(--pane-ease)}
body.pane-ui .calendar-months.view-current .calendar-day,body.pane-ui .calendar-months.view-next .calendar-day{min-height:104px}
body.pane-ui .month-card{padding:20px}
body.pane-ui .month-title h2{text-transform:capitalize;letter-spacing:-.02em}
body.pane-ui .calendar-day{border-radius:13px;transition:background .2s,transform .3s var(--pane-ease),box-shadow .3s}
body.pane-ui .calendar-day:not(.blank):hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,40,66,.08);z-index:2}
body.pane-ui .calendar-day.today{box-shadow:inset 0 0 0 2px #2b79b9;background:#f2f8fd}
body.pane-ui .calendar-day.today .calendar-day-number{background:var(--pane-navy-grad);color:#fff;border-radius:8px;padding:2px 6px;display:inline-block}
body.pane-ui .agenda-side-panel{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
body.pane-ui .birthday-agenda{max-height:none}
body.pane-ui .agenda-list-item{border-radius:15px;transition:transform .3s var(--pane-ease),box-shadow .3s}
body.pane-ui .agenda-list-item:hover{transform:translateX(3px);box-shadow:0 8px 18px rgba(16,40,66,.07)}

/* ==========================================================================
   CLIENTES
   ========================================================================== */
.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.kpi-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--pane-border);box-shadow:var(--pane-shadow);transition:transform .35s var(--pane-ease),box-shadow .35s;min-width:0}
.kpi-chip:hover{transform:translateY(-3px);box-shadow:var(--pane-shadow-hover)}
.kpi-chip>div{min-width:0}
.kpi-chip small{display:block;font-size:11px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-chip strong{display:block;font:800 18px/1.2 var(--display);letter-spacing:-.02em;color:var(--pane-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.kpi-chip .stat-icon{width:38px;height:38px;flex:0 0 auto}
.kpi-chip.is-alert{background:linear-gradient(135deg,#fff7ee,#fff);border-color:#f2dcc2}
.kpi-chip.is-alert strong{color:#b36a22}
body.pane-ui .clients-panel{padding:18px}
body.pane-ui .client-filter-form{padding:4px 4px 14px}
body.pane-ui .table-wrap{border-radius:16px}
body.pane-ui .data-table thead th{position:sticky;top:0;z-index:2;background:#f7f9fc}
body.pane-ui .clients-table tbody tr{transition:background .2s,box-shadow .25s}
body.pane-ui .clients-table tbody tr:hover{box-shadow:inset 3px 0 0 #2b79b9}
body.pane-ui .client-avatar{transition:transform .35s var(--pane-spring)}
body.pane-ui .clients-table tbody tr:hover .client-avatar{transform:scale(1.1) rotate(-6deg)}

/* ==========================================================================
   FINANCEIRO
   ========================================================================== */
body.pane-ui .finance-month-filter{flex-wrap:wrap}
.month-stepper{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:13px;background:#eef3f8;border:1px solid #e3eaf2}
.month-stepper .icon-button{width:34px;height:34px;background:#fff;border-radius:10px;border:0;box-shadow:0 1px 4px rgba(16,40,66,.08)}
.month-stepper-today{padding:0 10px;font-size:12px;font-weight:700;color:#3d5469}
.month-stepper-today:hover{color:#0b3157}
.finance-composition{margin:0 0 var(--pane-gap)}
.composition-bar{display:flex;gap:4px;height:16px;border-radius:10px;overflow:hidden;margin:6px 0 12px}
.composition-bar span{width:var(--w);min-width:6px;border-radius:8px;transform-origin:left;animation:pane-grow 1.2s var(--pane-ease) .2s both}
.comp-agency{background:linear-gradient(90deg,#1b5b90,#2b79b9)}
.comp-commission{background:linear-gradient(90deg,#25846d,#55b38f)}
.composition-legend{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:12.5px;color:var(--pane-ink-2)}
.composition-legend span{display:inline-flex;align-items:center;gap:8px}
.composition-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.row-share{display:block;height:4px;margin-top:6px;border-radius:4px;background:#edf1f6;overflow:hidden;max-width:140px}
.row-share i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#2b79b9,#25846d);transform-origin:left;animation:pane-grow 1s var(--pane-ease) .3s both}

/* ==========================================================================
   SINISTROS
   ========================================================================== */
.claim-filter{margin:2px 0 14px}
.claim-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#94a3b8}
.claim-dot.claim-aberto{background:#d88a3d}.claim-dot.claim-em_analise{background:#2b79b9}.claim-dot.claim-resolvido{background:#25846d}.claim-dot.claim-cancelado{background:#c8565c}
body.pane-ui .claims-panel tbody tr{transition:opacity .3s,transform .35s var(--pane-ease)}
body.pane-ui .claims-panel tbody tr.is-filtered{display:none}
body.pane-ui .claims-panel tbody tr.is-entering{animation:pane-item-in .4s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 35ms)}

/* ==========================================================================
   ACESSOS
   ========================================================================== */
.role-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.role-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:30px;background:#f3f6fa;border:1px solid var(--pane-border);font-size:12px;font-weight:700;color:var(--pane-ink-2)}
.role-chip b{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b3157;font-size:11.5px;box-shadow:0 1px 3px rgba(16,40,66,.1)}
.role-chip.role-master b{background:var(--pane-navy-grad);color:#fff}
body.pane-ui .user-access-row{border-radius:16px;transition:transform .35s var(--pane-ease),box-shadow .35s,background .2s}
body.pane-ui .user-access-row:hover{transform:translateX(4px);box-shadow:0 10px 22px rgba(16,40,66,.07);background:#fff}
body.pane-ui .user-access-row.role-master .avatar{background:var(--pane-navy-grad);color:#fff}
body.pane-ui .user-access-row.is-inactive{opacity:.6}

/* ==========================================================================
   MODAIS, ABAS, TOASTS
   ========================================================================== */
body.pane-ui .modal-backdrop{background:rgba(11,32,54,.38);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1)}
body.pane-ui .modal-backdrop.open .modal{animation:pane-modal-in .5s var(--pane-spring) both}
@keyframes pane-modal-in{from{opacity:0;transform:translateY(26px) scale(.965)}to{opacity:1;transform:none}}
body.pane-ui .modal{border-radius:26px;box-shadow:0 40px 100px rgba(11,32,54,.3)}
body.pane-ui .modal-tabs{position:relative}
body.pane-ui .modal-tab{transition:color .25s,background .25s}
body.pane-ui .modal-tab .modal-tab-icon{transition:transform .4s var(--pane-spring)}
body.pane-ui .modal-tab:hover .modal-tab-icon{transform:translateY(-2px) scale(1.08)}
.tab-ink{position:absolute;bottom:-1px;height:3px;left:0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#1b5b90,#2b79b9);transition:transform .45s var(--pane-spring),width .45s var(--pane-spring);pointer-events:none}
body.pane-ui .modal-tabs.has-ink .modal-tab.active{box-shadow:none!important;border-bottom-color:transparent!important}
body.pane-ui .modal-tabs.has-ink .modal-tab.active::after{display:none!important}
body.pane-ui .modal-pane.active{animation:pane-pane-in .45s var(--pane-ease) both!important}
@keyframes pane-pane-in{from{opacity:0;transform:translateX(14px)}}
body.pane-ui input:not([type=checkbox]):not([type=radio]):not([type=file]),body.pane-ui select,body.pane-ui textarea{transition:border-color .2s,box-shadow .25s var(--pane-ease),background .2s}
body.pane-ui input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,body.pane-ui select:focus,body.pane-ui textarea:focus{box-shadow:0 0 0 4px rgba(43,121,185,.14);border-color:#7fb1da}
body.pane-ui .file-drop{border-radius:18px;transition:border-color .2s,background .2s,transform .3s var(--pane-ease)}
body.pane-ui .file-drop:hover{transform:translateY(-2px)}
body.pane-ui .toast{border-radius:16px;box-shadow:0 20px 50px rgba(16,40,66,.18)}

/* ==========================================================================
   PALETA DE COMANDOS (Ctrl/⌘ + K)
   ========================================================================== */
.cmdk-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(11,32,54,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade-in .2s ease both}
.cmdk-backdrop[hidden]{display:none}
.cmdk{width:min(640px,100%);border-radius:24px;background:#fff;border:1px solid var(--pane-border);box-shadow:0 40px 100px rgba(11,32,54,.35);overflow:hidden;animation:pane-modal-in .45s var(--pane-spring) both}
.cmdk-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #eef2f6}
.cmdk-input .icon{width:20px;height:20px;color:#6d7f92}
.cmdk-input input{flex:1;border:0!important;outline:0;box-shadow:none!important;font-size:16px;background:transparent!important;padding:4px 0!important;min-height:0!important;color:var(--pane-ink)}
.cmdk-input kbd{font:700 10px/1 var(--sans);padding:5px 7px;border-radius:7px;border:1px solid #dbe4ee;color:#7d8ea0}
.cmdk-list{max-height:min(420px,60vh);overflow:auto;padding:8px}
.cmdk-group{padding:10px 10px 6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#98a8b8}
.cmdk-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:13px;background:transparent;text-align:left;color:var(--pane-ink);animation:pane-item-in .3s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 22ms)}
.cmdk-item .qc-ico{width:34px;height:34px}
.cmdk-item span.cmdk-text{flex:1;min-width:0;display:grid}
.cmdk-item strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdk-item small{font-size:11.5px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdk-item em{font-style:normal;font-size:11px;font-weight:700;color:#7d90a3;padding:3px 8px;border-radius:20px;background:#f1f5f9}
.cmdk-item.is-active{background:#eef4fa}
.cmdk-item.is-active em{background:#fff}
.cmdk-empty{padding:30px;text-align:center;color:var(--pane-muted);font-size:13px}
.cmdk-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid #eef2f6;font-size:11px;color:#8b9cad;background:#fafbfd}
.cmdk-foot kbd{font:700 10px/1 var(--sans);padding:3px 5px;border-radius:5px;border:1px solid #dbe4ee;background:#fff;margin-right:4px}
.cmdk mark{background:#fff1c9;color:inherit;border-radius:3px;padding:0 1px}

/* ==========================================================================
   LOGIN
   ========================================================================== */
body.login-body.pane-ui .login-story{position:relative;overflow:hidden}
.login-orbs{position:absolute;inset:0;pointer-events:none;z-index:0}
.login-orbs i{position:absolute;border-radius:50%;filter:blur(50px);opacity:.55;animation:pane-drift 18s ease-in-out infinite alternate}
.login-orbs i:nth-child(1){width:380px;height:380px;right:-80px;top:-60px;background:radial-gradient(circle,#2b79b9,transparent 70%)}
.login-orbs i:nth-child(2){width:300px;height:300px;left:-60px;bottom:10%;background:radial-gradient(circle,#25846d,transparent 70%);animation-delay:-6s;opacity:.35}
.login-orbs i:nth-child(3){width:260px;height:260px;left:45%;top:40%;background:radial-gradient(circle,#7566b5,transparent 70%);animation-delay:-12s;opacity:.25}
body.login-body.pane-ui .login-story>*:not(.login-orbs){position:relative;z-index:1}
body.login-body.pane-ui .story-copy h1{animation:pane-rise .9s var(--pane-ease) .1s both}
body.login-body.pane-ui .story-copy p{animation:pane-rise .9s var(--pane-ease) .22s both}
body.login-body.pane-ui .story-pills span{animation:pane-rise .8s var(--pane-ease) both}
body.login-body.pane-ui .story-pills span:nth-child(1){animation-delay:.34s}body.login-body.pane-ui .story-pills span:nth-child(2){animation-delay:.42s}body.login-body.pane-ui .story-pills span:nth-child(3){animation-delay:.5s}
@keyframes pane-rise{from{opacity:0;transform:translateY(22px)}}
body.login-body.pane-ui .login-panel{background:radial-gradient(80% 60% at 70% 20%,#e3eef8 0%,transparent 70%),var(--pane-canvas)}
body.login-body.pane-ui .login-card{border-radius:28px;box-shadow:0 30px 80px rgba(16,40,66,.12);animation:pane-modal-in .8s var(--pane-spring) .15s both}
body.login-body.pane-ui .login-submit{background:var(--pane-navy-grad);border-radius:14px}
body.login-body.pane-ui .login-submit span{transition:transform .3s var(--pane-ease)}
body.login-body.pane-ui .login-submit:hover span{transform:translateX(4px)}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:1320px){
  .dash-hero{grid-column:1/-1}
  .dash-calendar{grid-column:span 5}
  .dash-tasks{grid-column:span 7}
  .dash-projects{grid-column:1/-1}
  .dash-grid>.stat-grid{grid-row:auto}
  .kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .dash-calendar,.dash-tasks{grid-column:1/-1}
  .dash-grid>.agenda-panel,.dash-grid>.recent-panel{grid-column:1/-1}
  .dash-grid>.dashboard-chart-pair{grid-template-columns:1fr}
  .topbar-search span{display:none}.topbar-search kbd{display:none}
  .topbar-search{flex:0 0 44px;width:44px;padding:0;justify-content:center;margin-left:auto}
  body.pane-ui .today-label{display:none}
  .week-strip{grid-template-columns:repeat(7,minmax(118px,1fr));overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
  .week-day{scroll-snap-align:start}
  .kanban-board.list-view .lead-card{grid-template-columns:minmax(0,1fr) auto}
  .kanban-board.list-view .lead-card h3{grid-column:1;grid-row:2}
  .kanban-board.list-view .lead-card .lead-card-meta{grid-column:1/-1;grid-row:3}
  .kanban-board.list-view .lead-card .lead-card-bottom{grid-column:2;grid-row:1}
}
@media(max-width:900px){
  body.pane-ui .sidebar{transform:translateX(calc(-100% - 30px));box-shadow:0 30px 80px rgba(11,32,54,.25)}
  body.pane-ui .sidebar.open{transform:none}
  body.pane-ui .main-area,body.pane-ui.sidebar-collapsed .main-area,html.pre-collapsed body.pane-ui .main-area{margin-left:0}
  body.pane-ui.sidebar-collapsed .sidebar,html.pre-collapsed body.pane-ui .sidebar{width:var(--sidebar-w)}
  body.pane-ui .topbar{height:64px}
  body.pane-ui .breadcrumb{display:none}
  .quick-create-toggle span{display:none}
  .quick-create-toggle{width:42px;padding:0}
  .dash-hero{flex-direction:column;align-items:flex-start;padding:24px}
  .hero-ring{width:132px;height:132px;position:absolute;right:18px;top:18px;opacity:.95}
  .dash-hero-copy{padding-right:0}
  .dash-hero h1{padding-right:140px}
  .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  :root{--pane-gap:14px}
  .dash-hero h1{padding-right:0;font-size:28px}
  .hero-ring{position:relative;right:auto;top:auto;width:120px;height:120px;align-self:center;margin-top:4px}
  .hero-ring-label strong{font-size:26px}
  .hero-metrics{gap:10px 18px}
  .hero-metrics strong{font-size:16px}
  .task-row{grid-template-columns:30px minmax(0,1fr) auto}
  .task-row .stage-pill{display:none}
  .project-card{grid-template-columns:1fr auto;grid-template-areas:'top people' 'count amount' 'bar bar';row-gap:6px}
  .project-amount{text-align:right}
  .kpi-strip{grid-template-columns:1fr 1fr;gap:10px}
  .kpi-chip{padding:12px}
  .kpi-chip strong{font-size:15px}
  .month-stepper{margin-left:0}
  .birthday-strip{grid-auto-columns:minmax(220px,85%)}
  .cmdk-backdrop{padding-top:6vh}
}

/* ---------- Movimento reduzido ---------- */
@media(prefers-reduced-motion:reduce){
  .pane-canvas i,.login-orbs i,.dash-hero::after{animation:none}
  html.pane-js [data-reveal],html.pane-js body.pane-ui .stat-card,html.pane-js .reveal-auto{opacity:1;transform:none;transition:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  body.pane-ui *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}
}

/* Ajustes finos */
.kpi-chip small{white-space:normal;line-height:1.3}
.kpi-chip strong{font-size:clamp(14px,1.15vw,18px)}
body.pane-ui .finance-composition{padding:20px 22px}
body.pane-ui .finance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:680px){body.pane-ui .finance-stat-grid{grid-template-columns:1fr!important}}
.cmdk .cmdk-input{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin:0!important;font-size:inherit;font-weight:inherit;color:inherit}
.cmdk .cmdk-input input{width:auto!important;height:auto!important}

body.pane-ui.sidebar-collapsed .today-card,html.pre-collapsed body.pane-ui .today-card{justify-content:center;padding:6px!important;background:transparent!important;border-color:transparent!important}
body.pane-ui.sidebar-collapsed .today-card-copy,body.pane-ui.sidebar-collapsed .today-card-arrow,html.pre-collapsed body.pane-ui .today-card-copy,html.pre-collapsed body.pane-ui .today-card-arrow{display:none}
body.pane-ui .sidebar,body.pane-ui .main-area{transition:width .4s var(--pane-ease),margin-left .4s var(--pane-ease),transform .4s var(--pane-ease),padding .4s var(--pane-ease)}
.whatsapp-configure-hint{font-size:11px;color:var(--pane-muted);align-self:center;margin-right:4px}

/* ==========================================================================
   REMUNERAÇÃO · comissionamento + agenciamento em até 4 parcelas (23/10/2026)
   ========================================================================== */
.remun{display:grid;gap:14px;margin-top:4px}
.remun-total{display:inline-grid;gap:10px;justify-self:start;min-width:240px;padding:14px 16px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#1f8a5f 0%,#25846d 50%,#176b52 100%);box-shadow:0 14px 28px rgba(37,132,109,.28)}
.remun-total>span{font:800 13px/1 var(--display);letter-spacing:-.01em}
.remun-total-input{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:0 12px;height:48px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700}
.remun-total-input b{font-size:13px;opacity:.9}
.remun-total-input input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:800 20px var(--display)!important;text-align:right;padding:0!important;height:auto!important;min-height:0!important}
.remun-total-input input::placeholder{color:rgba(255,255,255,.65)}
.remun-table{border:1px solid var(--pane-border);border-radius:16px;overflow:hidden;background:#fff}
.remun-head{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:9px 14px;background:linear-gradient(90deg,#0b3157,#1b5b90);color:#fff;font:800 14px var(--display);letter-spacing:-.01em}
.remun-head small{font:600 11px var(--sans);color:#bcd8ee}
.remun-cols,.remun-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px}
.remun-cols{padding-top:10px;font-size:12px;font-weight:700;color:var(--pane-ink-2)}
.remun-row{padding-top:6px;padding-bottom:12px;align-items:center}
.remun-input{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:11px;background:#e7f2fb;border:1px solid #cfe3f3;transition:border-color .2s,box-shadow .25s,background .2s}
.remun-input:focus-within{background:#fff;border-color:#7fb1da;box-shadow:0 0 0 4px rgba(43,121,185,.14)}
.remun-input b{font-size:12px;color:#4c6b86;font-weight:800}
.remun-input input{flex:1;min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;font:600 14px var(--sans);color:var(--pane-ink)}
.remun-pct input,.remun-amt input{text-align:right}
.remun-amt{background:#eef6fd}
.remun-input:has(input:disabled){opacity:.45;background:#f1f4f8}
.remun-split{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:4px 14px 12px;border-top:1px dashed var(--pane-border);margin-top:2px;padding-top:12px}
.remun-split .check-line{margin:0;font-weight:700}
.remun-count{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-size:12.5px;font-weight:700;color:var(--pane-ink-2)}
.remun-count select{height:36px;padding:0 30px 0 10px;border-radius:10px}
.remun-even{height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--pane-border);background:#fff;color:#0b3157;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .25s var(--pane-ease)}
.remun-even:hover:not(:disabled){background:#eef4fa;transform:translateY(-1px)}
.remun:not(.is-split) .remun-count,.remun:not(.is-split) .remun-even{opacity:.45}
.remun-parts{display:none;padding-bottom:6px}
.remun.is-split .remun-parts{display:block;animation:pane-item-in .35s var(--pane-ease)}
.remun-part{grid-template-columns:28px repeat(3,minmax(0,1fr));padding-top:0;padding-bottom:8px}
.remun-part[hidden]{display:none!important}
.remun-n{font-style:normal;font:800 14px var(--display);color:#0b3157;text-align:center}
.remun-check{margin:2px 14px 6px;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:650}
.remun-check:empty{display:none}
.remun-check.is-ok{background:var(--tone-mint-soft);color:#1d6f57}
.remun-check.is-bad{background:var(--tone-amber-soft);color:#8a5216}
.client-remun{margin:6px 0 4px}
#lead-proposal .proposal-layout .form-section .remun{max-width:820px}
@media(max-width:680px){
  .remun-cols{display:none}
  .remun-row{grid-template-columns:1fr 1fr;padding-top:10px}
  .remun-row .remun-input:last-child{grid-column:1/-1}
  .remun-part{grid-template-columns:22px 1fr 1fr}
  .remun-part .remun-input:last-child{grid-column:2/-1}
  .remun-total{justify-self:stretch}
}

/* ---------- Fila de anexos ---------- */
.upload-queue{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.upload-queue:empty{display:none}
.upload-queue-title{flex-basis:100%;font-size:11.5px;font-weight:700;color:var(--pane-muted)}
.upload-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 6px 6px 10px;border-radius:11px;background:#eef4fa;border:1px solid #d9e6f2;font-size:12.5px;color:var(--pane-ink);animation:pane-item-in .3s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 30ms)}
.upload-chip .icon{width:15px;height:15px;color:#2b79b9;flex:0 0 auto}
.upload-chip-name{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}
.upload-chip small{color:var(--pane-muted);font-size:11px;white-space:nowrap}
.upload-chip button{width:24px;height:24px;border:0;border-radius:8px;background:#fff;color:#8a4045;font-size:16px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.upload-chip button:hover{background:var(--tone-red-soft);color:var(--tone-red)}
body.pane-ui .file-drop.is-dragover{border-color:#2b79b9;background:#eaf3fb;transform:scale(1.01)}

/* ==========================================================================
   MENU LATERAL COM ZOOM ALTO (pouca altura útil): a lista rola e o rodapé encolhe
   ========================================================================== */
body.pane-ui .sidebar{display:flex;flex-direction:column;overflow:hidden}
body.pane-ui .sidebar-brand-row,body.pane-ui .sidebar-search,body.pane-ui .sidebar-bottom{flex:0 0 auto}
body.pane-ui .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}
body.pane-ui .side-nav::-webkit-scrollbar{display:block;width:4px}
body.pane-ui .side-nav::-webkit-scrollbar-thumb{background:#cfdbe7;border-radius:4px}
@media (max-height:760px){
  body.pane-ui .sidebar{padding-top:10px;padding-bottom:8px}
  body.pane-ui .sidebar-brand-row{padding-bottom:8px;margin-bottom:8px}
  body.pane-ui .sidebar-logo img{width:40px;height:36px}
  body.pane-ui .nav-group-label{margin:8px 10px 4px}
  body.pane-ui .side-nav .nav-link{height:36px}
  body.pane-ui .sidebar-search{height:36px;margin-bottom:2px}
  body.pane-ui .sidebar-bottom{padding-top:6px;gap:4px}
  body.pane-ui .today-card{padding:6px 8px!important}
  body.pane-ui .today-card-date{width:36px;height:38px}
  body.pane-ui .today-card-date b{font-size:16px}
}
@media (max-height:600px){
  body.pane-ui .today-card{display:none!important}
  body.pane-ui .nav-group-label{display:none}
  body.pane-ui .side-nav .nav-link{height:34px}
  body.pane-ui .sidebar-search kbd{display:none}
  body.pane-ui .sidebar-user{padding:4px 8px}
}
@media (max-height:460px){
  body.pane-ui .sidebar{overflow-y:auto}
  body.pane-ui .side-nav{flex:0 0 auto;overflow:visible;mask-image:none;-webkit-mask-image:none}
}
/* rótulos do app.css empilham conteúdo: forçar linha nos controles da remuneração */
.remun .remun-total-input,.remun .remun-count,.remun .remun-split .check-line{display:flex!important;flex-direction:row!important;align-items:center!important}
.remun .remun-total-input input,.remun .remun-count select,.remun .remun-input input{margin:0!important}
.remun .remun-total-input input{width:auto!important}
.remun .remun-count select{width:auto!important;min-width:132px}
.remun .remun-split .check-line input{margin:0 8px 0 0!important}

/* ==========================================================================
   CLIENTE CONSOLIDADO · abas por parceiro (23/10/2026)
   Cabeçalho + abas + rodapé fixos; só o conteúdo rola (abas sempre visíveis).
   ========================================================================== */
#client-modal .client-card-modal{display:flex;flex-direction:column;overflow:hidden;height:min(94vh,960px);max-height:calc(100vh - 32px)}
#client-modal .modal-header,#client-modal .client-tabs,#client-modal .modal-footer{flex:0 0 auto}
#client-modal .client-card-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 26px 26px;scroll-behavior:smooth}
.client-tabs{position:relative;z-index:3;padding:0 22px;border-bottom:1px solid var(--pane-border);background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.client-tabs-inner{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:thin;padding-top:6px}
.client-tab{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:0;border-radius:12px 12px 0 0;background:transparent;color:#5e7286;font:700 13px var(--sans);white-space:nowrap;cursor:pointer;transition:color .2s,background .2s}
.client-tab .icon{width:16px;height:16px}
.client-tab small{font-weight:600;font-size:11px;color:#94a5b6;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.client-tab:hover{background:#f2f6fa;color:#0b3157}
.client-tab.active{color:#0b3157;background:#eef4fa}
.client-tab.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#1b5b90,#2b79b9);animation:pane-grow .35s var(--pane-ease)}
.client-tab.product-life.active::after{background:#25846d}.client-tab.product-dental.active::after{background:#7566b5}
.client-tab.is-new{color:#25846d}
.client-tab-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex:0 0 auto}
.client-tab-dot.is-active{background:#25846d;box-shadow:0 0 0 3px rgba(37,132,109,.15)}
.client-tab-dot.is-cancelled{background:#c8565c;box-shadow:0 0 0 3px rgba(200,86,92,.14)}
.client-tab-add{display:inline-flex;align-items:center;gap:6px;align-self:center;margin-left:6px;height:34px;padding:0 12px;border:1px dashed #9cc0dd;border-radius:10px;background:#f5f9fd;color:#1b5b90;font:700 12.5px var(--sans);white-space:nowrap;cursor:pointer;transition:background .2s,transform .25s var(--pane-ease)}
.client-tab-add:hover{background:#e7f2fb;transform:translateY(-1px)}
.client-tab-add .icon{width:15px;height:15px}
.client-pane{animation:pane-pane-in .35s var(--pane-ease)}
.client-pane[hidden]{display:none!important}
.client-pane>.form-section{margin-bottom:18px}
.client-card-loading{display:flex;align-items:center;gap:12px;padding:40px;color:var(--pane-muted);font-weight:600}
.client-card-loading span{width:18px;height:18px;border-radius:50%;border:2px solid #cfe0ee;border-top-color:#2b79b9;animation:pane-spin .8s linear infinite}
.contract-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.contract-card{--c:#2b79b9;display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--pane-border);background:linear-gradient(160deg,#f3f8fd 0%,#fff 60%);cursor:pointer;transition:transform .3s var(--pane-ease),box-shadow .3s,border-color .2s;border-top:3px solid var(--c)}
.contract-card.product-life{--c:#25846d;background:linear-gradient(160deg,#eef8f4 0%,#fff 60%)}.contract-card.product-dental{--c:#7566b5;background:linear-gradient(160deg,#f3f0fb 0%,#fff 60%)}
.contract-card:hover{transform:translateY(-3px);box-shadow:var(--pane-shadow-hover)}
.contract-card.is-cancelled{opacity:.7}
.contract-card-partner{font:800 15px var(--display);color:var(--pane-ink)}
.contract-card-product{font-size:12px;color:var(--pane-muted);font-weight:600}
.contract-card strong{font:800 18px var(--display);color:var(--pane-ink);margin-top:4px}
.contract-card small{font-size:11.5px;color:var(--pane-muted)}
.contract-card-pills{display:flex;gap:6px;margin-top:6px}
.contract-pane-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.contract-pane-head h3{margin:2px 0 0;font:800 22px var(--display);letter-spacing:-.02em;color:var(--pane-ink)}
.contract-pane-head h3 small{font:600 14px var(--sans);color:var(--pane-muted)}
.contract-remove{color:#a1474c!important}
.contract-remove:hover{background:var(--tone-red-soft)!important;border-color:#f0c9cb!important}
.client-history-section .timeline-partner{color:#1b5b90}
#client-modal .client-whatsapp-panel{margin:4px 0 18px}
/* lista: parceiros como etiquetas */
.partner-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:280px}
.partner-chip{--c:#2b79b9;padding:4px 9px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c) 28%,#fff);background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);font:700 11.5px var(--sans);cursor:pointer;transition:transform .2s var(--pane-ease),background .2s}
.partner-chip.product-life{--c:#25846d}.partner-chip.product-dental{--c:#7566b5}.partner-chip.product-default{--c:#3d5469}
.partner-chip:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--c) 18%,#fff)}
.partner-chip.is-cancelled{text-decoration:line-through;opacity:.65}
@media(max-width:680px){
  #client-modal .client-card-scroll{padding:14px}
  .client-tabs{padding:0 8px}
  .client-tab small{display:none}
  .contract-pane-head{flex-direction:column;align-items:flex-start}
}

/* ---------- Envio de anexos um a um (26/10/2026) ---------- */
.upload-progress{position:fixed;right:22px;bottom:22px;z-index:140;width:min(360px,calc(100vw - 32px));display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--pane-border);box-shadow:0 24px 60px rgba(16,40,66,.22);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .4s var(--pane-ease)}
.upload-progress.is-on{opacity:1;transform:none}
.upload-progress strong{font:800 13px var(--display);color:var(--pane-ink)}
.upload-progress-name{font-size:12px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-progress-bar{height:8px;border-radius:8px;background:#edf1f6;overflow:hidden}
.upload-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b5b90,#25846d);transition:width .35s var(--pane-ease)}
.upload-progress small{font-size:11.5px;color:var(--tone-red);font-weight:700}

/* ---------- Endereço separado (26/10/2026) ---------- */
.address-block{display:grid;gap:8px}
.address-fields{display:grid;grid-template-columns:150px minmax(0,1.2fr) minmax(0,1.2fr) 110px;grid-template-areas:"zip street street number" "complement district city state";gap:12px 14px;align-items:end}
.address-zip{grid-area:zip}.address-street{grid-area:street}.address-number{grid-area:number}.address-complement{grid-area:complement}.address-district{grid-area:district}.address-city{grid-area:city}.address-state{grid-area:state}
.address-zip .input-action{display:flex;gap:6px;align-items:center}
.address-zip .input-action input{flex:1;min-width:0}
.address-lookup{flex:0 0 auto;border:1px solid var(--pane-border);background:#fff}
.address-hint{grid-column:1/-1;font-size:11.5px;color:var(--tone-amber)}
.address-hint:empty{display:none}
@media(max-width:760px){
  .address-fields{grid-template-columns:1fr 1fr;grid-template-areas:"zip number" "street street" "complement complement" "district district" "city state"}
}

/* ---------- Card do cliente: menu em dois níveis (26/10/2026) ---------- */
.client-tabs-inner{display:grid;gap:0;padding-top:0;overflow:visible}
.client-tabs-main{display:flex;gap:6px;padding:8px 0 0;border-bottom:1px solid var(--pane-border)}
.client-main-tab{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:12px 12px 0 0;background:transparent;color:#5e7286;font:800 13.5px var(--display);cursor:pointer;transition:color .2s,background .2s}
.client-main-tab .icon{width:17px;height:17px}
.client-main-tab small{min-width:20px;height:19px;padding:0 7px;border-radius:10px;display:inline-grid;place-items:center;background:#e8f1f9;color:#1b5b90;font:800 10.5px var(--sans)}
.client-main-tab small:empty{display:none}
.client-main-tab:hover{background:#f2f6fa;color:#0b3157}
.client-main-tab.active{color:#fff;background:var(--pane-navy-grad)}
.client-main-tab.active small{background:rgba(255,255,255,.18);color:#fff}
.client-tabs-sub{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:6px 0 0;background:linear-gradient(180deg,#f6f9fc,#fff)}
.client-tabs-sub[hidden]{display:none}
.client-tabs-sub .client-tab{height:40px;font-size:12.5px}
.dist-save-hint{font-size:12px;color:var(--pane-muted);margin:10px 0 0}
.client-distribution .distribution-actions{margin-top:16px}
@media(max-width:680px){.client-main-tab small{display:none}.client-main-tab{padding:0 12px}}

/* ==========================================================================
   MEUS ARQUIVOS (26/10/2026)
   ========================================================================== */
.lib-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--pane-gap);align-items:start}
.lib-folders{padding:16px;position:sticky;top:90px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:10px}
.lib-folders-head h2{margin:0 0 8px;font:800 17px var(--display)}
.lib-folder-search{width:100%}
.lib-folder-list{display:grid;gap:3px;overflow-y:auto;min-height:0;scrollbar-width:thin;margin:0 -4px;padding:0 4px}
.lib-folder{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--pane-ink-2);font:650 13px var(--sans);text-align:left;cursor:pointer;transition:background .2s,color .2s,transform .25s var(--pane-ease)}
.lib-folder:hover{background:#f1f6fb;transform:translateX(2px)}
.lib-folder-ico{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#fff4dc;color:#c08a16}
.lib-folder-ico .icon{width:17px;height:17px}
.lib-folder.lib-base .lib-folder-ico{background:var(--pane-navy-grad);color:#fff}
.lib-folder.lib-custom .lib-folder-ico{background:var(--tone-lilac-soft);color:var(--tone-lilac)}
.lib-folder-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-folder-count{min-width:22px;height:20px;padding:0 7px;border-radius:10px;display:inline-grid;place-items:center;background:#eef3f8;font-size:11px;font-weight:800;color:#3d5469}
.lib-folder-count:empty{display:none}
.lib-folder.is-empty .lib-folder-name{color:#8a9bac}
.lib-folder.active{background:#e8f1f9;color:#0b3157;box-shadow:inset 3px 0 0 #2b79b9}
.lib-new-folder{display:flex;gap:6px}
.lib-new-folder input{flex:1;min-width:0}
.lib-main{padding:20px 22px}
.lib-main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.lib-main-head h2{margin:2px 0 4px;font:800 24px var(--display);letter-spacing:-.02em}
.lib-main-head p{margin:0;font-size:12.5px;color:var(--pane-muted)}
.lib-folder-actions{display:flex;gap:6px}
.lib-folder-actions[hidden]{display:none}
.lib-danger{color:#a1474c!important}
.lib-drop{margin-bottom:12px}
.lib-queue{display:grid;gap:10px;padding:12px 14px;margin-bottom:14px;border-radius:16px;background:#f5f9fd;border:1px solid #dbe8f4}
.lib-queue[hidden]{display:none}
.lib-queue-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.lib-queue-actions label{flex:1;min-width:220px;display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--pane-ink-2)}
.lib-queue-actions small{font-weight:500;color:var(--pane-muted)}
.lib-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:10px}
.lib-toolbar .search-field{flex:1;min-width:220px}
.lib-scope{display:inline-flex!important;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--pane-ink-2);flex-direction:row!important}
.lib-sort{display:inline-flex!important;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--pane-ink-2);flex-direction:row!important}
.lib-sort select{width:auto!important;min-width:170px}
.lib-table th[data-lib-col]{cursor:pointer;user-select:none}
.lib-table th[data-lib-col]:hover{color:#0b3157}
.lib-table th.is-sorted{color:#1b5b90}
.lib-table th.is-sorted::after{content:" ▾";font-size:10px}
.lib-table tbody tr{animation:pane-item-in .35s var(--pane-ease) both;animation-delay:calc(var(--i,0) * 20ms)}
.lib-file-name{display:flex;align-items:center;gap:10px;color:var(--pane-ink);font-weight:650;min-width:0}
.lib-file-name span:last-child{display:grid;min-width:0;overflow-wrap:anywhere}
.lib-file-name small{font-size:11px;color:var(--pane-muted);font-weight:500}
.lib-file-name:hover{color:#1b5b90}
.lib-type{flex:0 0 auto;min-width:54px;padding:4px 6px;border-radius:8px;text-align:center;font:800 10px var(--sans);letter-spacing:.04em;text-transform:uppercase}
.lib-tone-red{background:#fdecec;color:#b8454b}.lib-tone-blue{background:var(--tone-blue-soft);color:var(--tone-blue)}.lib-tone-mint{background:var(--tone-mint-soft);color:var(--tone-mint)}.lib-tone-amber{background:var(--tone-amber-soft);color:var(--tone-amber)}.lib-tone-lilac{background:var(--tone-lilac-soft);color:var(--tone-lilac)}.lib-tone-gray{background:#eef2f6;color:#55697d}
.lib-subname{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:5px 8px;border:1px dashed transparent;border-radius:9px;background:transparent;color:var(--pane-ink);font:650 12.5px var(--sans);text-align:left;cursor:text}
.lib-subname .icon{width:13px;height:13px;opacity:0;color:#7d90a3;flex:0 0 auto}
.lib-subname:hover{border-color:#c9dbeb;background:#f7fafd}.lib-subname:hover .icon{opacity:1}
.lib-subname.is-empty{color:#9aabbb;font-weight:500}
.lib-sub-input{height:34px;padding:0 10px!important;border-radius:9px;min-width:200px}
.lib-rename-input{font:800 20px var(--display)!important;height:40px;min-width:280px}
.lib-type-text{font-size:12px;color:var(--pane-ink-2)}
.lib-date{display:block;font-size:12.5px;white-space:nowrap}
.lib-table td small{display:block;font-size:11px;color:var(--pane-muted)}
.lib-actions{white-space:nowrap;text-align:right}
.lib-actions>*{vertical-align:middle}
.lib-move{position:relative;display:inline-grid!important;place-items:center;width:30px;height:30px;border-radius:8px;color:#687c90;cursor:pointer}
.lib-move:hover{background:#eef3f7;color:#0b3157}
.lib-move .icon{width:16px;height:16px}
.lib-move select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%!important;height:100%!important}
.lib-del:hover{color:var(--tone-red);background:var(--tone-red-soft)}
@media(max-width:1000px){.lib-layout{grid-template-columns:1fr}.lib-folders{position:static;max-height:none}.lib-folder-list{max-height:260px}}
@media(max-width:680px){.lib-main{padding:14px}.lib-table th:nth-child(3),.lib-table td:nth-child(3){display:none}}

/* Distribuição de vida no card do cliente: mesmo visual do lead (regras espelhadas de #lead-distribution) */
#client-modal .client-distribution>.modal-body{display:flex;min-height:0;flex-direction:column;gap:8px;padding:11px 18px;overflow:hidden}
#client-modal .client-distribution .distribution-intro{flex:0 0 auto;min-height:38px;align-items:center;gap:12px}
#client-modal .client-distribution .distribution-intro .eyebrow{margin:0 0 3px;font-size:9px}
#client-modal .client-distribution .distribution-intro p{max-width:660px;font-size:11px;line-height:1.3}
#client-modal .client-distribution .distribution-total-group{display:flex;flex:0 0 auto;align-items:center;gap:7px}
#client-modal .client-distribution .distribution-total{min-width:108px;padding:6px 9px;border-radius:9px}
#client-modal .client-distribution .distribution-total strong{font-size:20px;line-height:1.05}
#client-modal .client-distribution .distribution-total span{font-size:9px}
#client-modal .client-distribution .clear-distribution-button{width:34px;height:34px;min-width:34px;padding:0}
#client-modal .client-distribution .distribution-table-wrap{flex:0 0 auto;min-height:0;padding:0;overflow:visible}
#client-modal .client-distribution .distribution-report{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#client-modal .client-distribution .distribution-tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#client-modal .client-distribution .distribution-tables-grid>.distribution-manual-table{min-width:0;border:1px solid #dbe6ee;border-radius:9px;overflow:hidden;background:#fff}
#client-modal .client-distribution .distribution-manual-table-wrap{min-width:0;overflow:hidden;border-color:#dbe6ee;border-radius:9px}
#client-modal .client-distribution .distribution-manual-table{width:100%;min-width:0;table-layout:fixed;border-spacing:0}
#client-modal .client-distribution .distribution-manual-table th,#client-modal .client-distribution .distribution-manual-table td{height:31px;padding:3px 4px;box-sizing:border-box;border-bottom:1px solid #edf2f6;font-size:10px}
#client-modal .client-distribution .distribution-manual-table thead th{height:34px;font-size:9px;line-height:1.15;white-space:normal}
#client-modal .client-distribution .distribution-manual-table tbody th{min-width:0;font-size:10px;white-space:nowrap}
#client-modal .client-distribution .distribution-manual-table .life-sex-cell{width:auto}
#client-modal .client-distribution .life-total-input{display:block;width:100%;height:25px;min-height:25px;padding:2px 3px;box-sizing:border-box;border:1px solid #c5d8e7;border-radius:6px;background:#f7fbfe;color:#4279a1;font-size:12px;font-weight:800;text-align:center}
#client-modal .client-distribution .sex-f .life-total-input{border-color:#ecc3cf;background:#fff4f7;color:#ad5573}
#client-modal .client-distribution .sex-m .life-total-input{border-color:#b6d5ea;background:#f2f9fe;color:#286d9d}
#client-modal .client-distribution .sex-n .life-total-input{border-color:#d0d8e0;background:#fafbfd;color:#667789}
#client-modal .client-distribution .life-row-total{color:#315f80;font-weight:800}
#client-modal .client-distribution .distribution-sex-summary.compact{display:flex;flex:0 0 auto;justify-content:flex-end;gap:7px;padding:0}
#client-modal .client-distribution .distribution-sex-summary.compact span{display:flex;min-height:28px;align-items:center;justify-content:center;gap:6px;padding:4px 9px;border-radius:8px;background:#f6f8fa;font-size:10px}
#client-modal .client-distribution .distribution-sex-summary.compact span:first-child{background:#fff2f6;color:#a84868}
#client-modal .client-distribution .distribution-sex-summary.compact span:nth-child(2){background:#eef7fd;color:#286d9d}
#client-modal .client-distribution .distribution-sex-summary.compact span:nth-child(3){background:#f2f4f6;color:#667789}
#client-modal .client-distribution .distribution-sex-summary.compact strong{font-size:13px}
#client-modal .client-distribution .distribution-actions{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:8px 0 0;border-top:1px solid #e8eef3}
#client-modal .client-distribution .distribution-action-card{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:4px;padding:0;border:0;background:transparent;box-shadow:none}
#client-modal .client-distribution .distribution-action-card>.button{width:100%;min-width:0;height:38px;min-height:38px;justify-content:center;overflow:hidden;padding-inline:7px;border-radius:8px;font-size:10px;white-space:nowrap}
#client-modal .client-distribution .distribution-action-card>small{min-height:12px;color:#8595a3;font-size:9px;line-height:1.25;text-align:center}
#client-modal .client-distribution .distribution-action-card .upload-button{position:relative;display:flex;box-sizing:border-box}
#client-modal .client-distribution .distribution-action-card .upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#client-modal .client-distribution .whatsapp-template-action .button.whatsapp{background:#1fba5c;border-color:#1ca653;color:#fff}
#client-modal .client-distribution .whatsapp-template-action .button.whatsapp:hover{background:#169c4a}
#client-modal .client-distribution .distribution-empty{min-height:80px;padding:8px}
@media(max-width:760px){#client-modal .client-distribution>.modal-body{padding:9px 11px;gap:7px}#client-modal .client-distribution .distribution-manual-table th,#client-modal .client-distribution .distribution-manual-table td{padding-inline:2px;font-size:9px}#client-modal .client-distribution .distribution-manual-table thead th{font-size:8px}#client-modal .client-distribution .life-total-input{font-size:10px}}
@media(max-width:680px){#client-modal .client-distribution>.modal-body{overflow-y:auto}#client-modal .client-distribution .distribution-tables-grid{grid-template-columns:1fr}#client-modal .client-distribution .distribution-tables-grid{overflow-x:auto}#client-modal .client-distribution .distribution-manual-table{min-width:450px}#client-modal .client-distribution .distribution-actions{grid-template-columns:1fr;gap:7px}#client-modal .client-distribution .distribution-action-card>.button{height:36px;min-height:36px}}
@media(max-width:420px){#client-modal .client-distribution .distribution-sex-summary.compact{justify-content:stretch;gap:4px}#client-modal .client-distribution .distribution-sex-summary.compact span{flex:1;padding-inline:4px;font-size:9px}}
#client-modal .client-distribution>.modal-body{justify-content:center;gap:14px;padding:24px 28px}
#client-modal .client-distribution .distribution-intro{min-height:48px}
#client-modal .client-distribution .distribution-intro p{font-size:12px;line-height:1.45}
#client-modal .client-distribution .distribution-total{min-width:125px;padding:8px 12px}
#client-modal .client-distribution .distribution-total strong{font-size:23px}
#client-modal .client-distribution .clear-distribution-button{width:40px;height:40px;min-width:40px}
#client-modal .client-distribution .distribution-tables-grid{gap:18px}
#client-modal .client-distribution .distribution-tables-grid>.distribution-manual-table{border-radius:12px;box-shadow:0 4px 12px rgba(31,64,89,.06)}
#client-modal .client-distribution .distribution-manual-table th,#client-modal .client-distribution .distribution-manual-table td{height:43px;padding:6px 8px;font-size:12px}
#client-modal .client-distribution .distribution-manual-table thead th{height:46px;font-size:11px}
#client-modal .client-distribution .distribution-manual-table tbody th{font-size:12px}
#client-modal .client-distribution .life-total-input{height:32px;min-height:32px;font-size:14px}
#client-modal .client-distribution .distribution-sex-summary.compact{justify-content:stretch;gap:12px}
#client-modal .client-distribution .distribution-sex-summary.compact span{min-height:38px;flex:1;font-size:12px}
#client-modal .client-distribution .distribution-sex-summary.compact strong{font-size:16px}
#client-modal .client-distribution .distribution-actions{grid-template-columns:repeat(3,minmax(0,320px));justify-content:space-between;gap:22px;padding-top:14px}
#client-modal .client-distribution .distribution-action-card{align-items:center;gap:6px}
#client-modal .client-distribution .distribution-action-card>.button{height:48px;min-height:48px;padding-inline:12px;font-size:11px}
#client-modal .client-distribution .distribution-action-card>small{width:100%;font-size:10px}
@media(max-width:680px){#client-modal .client-distribution>.modal-body{justify-content:flex-start;gap:10px;padding:12px 14px;overflow-y:auto}#client-modal .client-distribution .distribution-tables-grid{gap:10px}#client-modal .client-distribution .distribution-manual-table th,#client-modal .client-distribution .distribution-manual-table td{height:38px;padding:4px;font-size:10px}#client-modal .client-distribution .distribution-manual-table thead th{height:40px;font-size:9px}#client-modal .client-distribution .distribution-manual-table tbody th{font-size:10px}#client-modal .client-distribution .life-total-input{height:29px;min-height:29px;font-size:12px}#client-modal .client-distribution .distribution-sex-summary.compact{gap:5px}#client-modal .client-distribution .distribution-sex-summary.compact span{min-height:32px;padding-inline:5px;font-size:9px}#client-modal .client-distribution .distribution-actions{grid-template-columns:1fr;gap:10px;padding-top:10px}#client-modal .client-distribution .distribution-action-card>.button{height:42px;min-height:42px}}
#client-modal .client-distribution>.modal-body{justify-content:flex-start;gap:15px;padding:19px 24px 20px;overflow-x:hidden;overflow-y:auto}
#client-modal .client-distribution .distribution-intro{min-height:52px;align-items:center;gap:18px}
#client-modal .client-distribution .distribution-intro>div:first-child{min-width:0;flex:1}
#client-modal .client-distribution .distribution-intro .eyebrow{font-size:10px}
#client-modal .client-distribution .distribution-intro p{max-width:720px;font-size:12px;line-height:1.45}
#client-modal .client-distribution .distribution-total-group{gap:9px}
#client-modal .client-distribution .distribution-total{min-width:135px;padding:8px 12px}
#client-modal .client-distribution .distribution-total strong{font-size:24px}
#client-modal .client-distribution .clear-distribution-button{width:40px;height:40px;min-width:40px;border-radius:10px}
#client-modal .client-distribution .distribution-table-wrap{width:100%;min-width:0;flex:0 0 auto;overflow:visible;padding:0}
#client-modal .client-distribution .distribution-report{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#client-modal .client-distribution .distribution-table-scroll{width:100%;overflow-x:auto;border:1px solid #dce7ef;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(31,64,89,.06)}
#client-modal .client-distribution .distribution-manual-table{width:100%;min-width:870px;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:center}
#client-modal .client-distribution .distribution-manual-table th,#client-modal .client-distribution .distribution-manual-table td{height:52px;padding:6px 5px;border-bottom:1px solid #edf2f6;box-sizing:border-box;font-size:11px}
#client-modal .client-distribution .distribution-manual-table thead th{height:46px;background:#f5f8fb;color:#526b80;font-size:10px;font-weight:800;white-space:nowrap}
#client-modal .client-distribution .distribution-manual-table thead .life-sex-heading{width:145px;text-align:left;padding-left:15px;border-radius:12px 0 0 0}
#client-modal .client-distribution .distribution-manual-table thead .life-total-heading{width:70px;background:#e9f2f8;color:#315f80;border-radius:0 12px 0 0}
#client-modal .client-distribution .distribution-manual-table thead .life-band-heading{width:auto}
#client-modal .client-distribution .distribution-manual-table tbody th.life-sex-label{width:145px;padding:8px 12px;text-align:left;color:#536b7e;font-size:11px}
#client-modal .client-distribution .distribution-manual-table .life-sex-label>span{display:flex;align-items:center;gap:8px}
#client-modal .client-distribution .distribution-manual-table .life-sex-label>strong{display:none}
#client-modal .client-distribution .distribution-manual-table .sex-row-f{background:#fff9fb}
#client-modal .client-distribution .distribution-manual-table .sex-row-m{background:#f7fbfe}
#client-modal .client-distribution .distribution-manual-table .sex-row-n{background:#fafbfd}
#client-modal .client-distribution .distribution-manual-table .sex-row-f .life-sex-label{color:#a84868;background:#fff1f5}
#client-modal .client-distribution .distribution-manual-table .sex-row-m .life-sex-label{color:#286d9d;background:#edf7fd}
#client-modal .client-distribution .distribution-manual-table .sex-row-n .life-sex-label{color:#667789;background:#f1f4f6}
#client-modal .client-distribution .distribution-manual-table .life-sex-cell{width:auto;padding:5px 4px}
#client-modal .client-distribution .distribution-manual-table .life-total-input{width:min(100%,64px);height:36px;min-height:36px;margin:auto;padding:3px 5px;border:1px solid #d5e2ec;border-radius:8px;background:#f8fbfd;color:#456d8a;font-size:14px;font-weight:800;text-align:center}
#client-modal .client-distribution .distribution-manual-table .sex-f .life-total-input{border-color:#edc9d4;background:#fff2f6;color:#a84868}
#client-modal .client-distribution .distribution-manual-table .sex-m .life-total-input{border-color:#c3dcec;background:#eff8fd;color:#286d9d}
#client-modal .client-distribution .distribution-manual-table .sex-n .life-total-input{border-color:#d6dfe5;background:#f5f7f9;color:#667789}
#client-modal .client-distribution .distribution-manual-table .life-row-total{width:70px;background:#f3f8fb;color:#315f80;font-weight:900;font-size:14px}
#client-modal .client-distribution .distribution-manual-table tfoot th,#client-modal .client-distribution .distribution-manual-table tfoot td{height:44px;background:#edf5fb;color:#315f80;font-weight:900;border-bottom:0}
#client-modal .client-distribution .distribution-manual-table tfoot th{text-align:left;padding-left:14px}
#client-modal .client-distribution .distribution-manual-table .life-grand-total{background:#dcecf8;color:#184e73;font-size:15px}
#client-modal .client-distribution .distribution-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:20px;margin-top:2px;padding:0;border:0}
#client-modal .client-distribution .distribution-action-card{display:flex;min-width:0;min-height:86px;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:12px;border:1px solid #e2eaf0;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(31,64,89,.04)}
#client-modal .client-distribution .distribution-action-card>.button{width:100%;height:46px;min-height:46px;justify-content:center;padding-inline:12px;border-radius:9px;font-size:12px}
#client-modal .client-distribution .distribution-action-card>small{min-height:14px;color:#7e8e9c;font-size:10px;line-height:1.3;text-align:center}
#client-modal .client-distribution .distribution-action-card .upload-button{position:relative;display:flex;box-sizing:border-box}
#client-modal .client-distribution .distribution-action-card .upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#client-modal .client-distribution .whatsapp-template-action .button.whatsapp{background:#20b85c;border-color:#159b49;color:#fff}
#client-modal .client-distribution .whatsapp-template-action .button.whatsapp:hover{background:#159b49}
@media(max-width:760px){#client-modal .client-distribution>.modal-body{padding:15px 16px;overflow-y:auto}#client-modal .client-distribution .distribution-actions{gap:10px}#client-modal .client-distribution .distribution-action-card{padding:9px}#client-modal .client-distribution .distribution-action-card>.button{font-size:10px;padding-inline:6px}}
@media(max-width:680px){#client-modal .client-distribution>.modal-body{gap:11px;padding:12px 13px}#client-modal .client-distribution .distribution-intro{align-items:flex-start}#client-modal .client-distribution .distribution-intro p{font-size:11px}#client-modal .client-distribution .distribution-total{min-width:94px;padding:7px 8px}#client-modal .client-distribution .distribution-total strong{font-size:20px}#client-modal .client-distribution .distribution-total span{font-size:8px}#client-modal .client-distribution .clear-distribution-button{width:34px;height:34px;min-width:34px}#client-modal .client-distribution .distribution-manual-table{min-width:900px}#client-modal .client-distribution .distribution-actions{grid-template-columns:1fr;gap:8px}#client-modal .client-distribution .distribution-action-card{min-height:72px}}
#client-modal .client-distribution .distribution-total-group{gap:8px;flex-wrap:wrap;justify-content:flex-end}
#client-modal .client-distribution .employee-type-totals{display:flex;align-items:center;gap:6px}
#client-modal .client-distribution .employee-type-totals[hidden]{display:none}
#client-modal .client-distribution .distribution-type-total{display:flex;min-width:74px;min-height:42px;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 8px;border-radius:9px;text-align:center;background:#edf7f1;color:#27744f}
#client-modal .client-distribution .distribution-type-total strong{font:800 16px/1.05 var(--display)}
#client-modal .client-distribution .distribution-type-total span{font-size:9px;font-weight:700}
#client-modal .client-distribution .distribution-type-total.dependent-total{background:#eef5fc;color:#2c6790}
#client-modal .client-distribution .distribution-filter-control{display:flex;min-width:105px;flex-direction:column;gap:3px;margin:0;color:#708397;font-size:9px;font-weight:700}
#client-modal .client-distribution .distribution-filter-control select{width:100%;height:32px;min-height:32px;padding:0 8px;border:1px solid #d8e3eb;border-radius:8px;background:#fff;color:#49647a;font:600 10px var(--sans)}
#client-modal .client-distribution .distribution-filter-note{flex:0 0 auto;padding:2px 1px;color:#6d8497;font-size:10px;line-height:1.35}
#client-modal .client-distribution .template-import-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
#client-modal .client-distribution .template-import-button>.icon{order:0;flex:0 0 16px;width:16px;height:16px}
#client-modal .client-distribution .template-import-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:680px){#client-modal .client-distribution .distribution-intro{align-items:flex-start}#client-modal .client-distribution .distribution-total-group{gap:5px}#client-modal .client-distribution .employee-type-totals{gap:4px}#client-modal .client-distribution .distribution-type-total{min-width:58px;padding:4px 5px}#client-modal .client-distribution .distribution-type-total strong{font-size:14px}#client-modal .client-distribution .distribution-type-total span{font-size:8px}#client-modal .client-distribution .distribution-filter-control{min-width:90px}}
@media(max-width:420px){#client-modal .client-distribution .distribution-intro{flex-wrap:wrap}#client-modal .client-distribution .distribution-total-group{justify-content:flex-start}}
#client-modal .client-distribution .modal-body{padding:16px 20px}
#client-modal .client-distribution .distribution-intro{min-height:unset;padding:14px 16px;border:1px solid #e2eaf0;border-radius:15px;background:linear-gradient(115deg,#f5f9fc,#fff);box-shadow:0 5px 16px rgba(31,64,89,.035)}
#client-modal .client-distribution .distribution-intro .eyebrow{margin-bottom:5px;color:#4a7e9e;font-size:9px}
#client-modal .client-distribution .distribution-intro p{margin:0;color:#778b9c;font-size:11px}
#client-modal .client-distribution .distribution-total-group{gap:8px}
#client-modal .client-distribution .distribution-total,#client-modal .client-distribution .distribution-type-total{border:1px solid #dce9f2;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(31,64,89,.035)}
#client-modal .client-distribution .distribution-total strong,#client-modal .client-distribution .distribution-type-total strong{color:#215e87;font-size:22px}
#client-modal .client-distribution .distribution-total span,#client-modal .client-distribution .distribution-type-total span{color:#8193a1;font-size:8px}
#client-modal .client-distribution .distribution-type-total.titular-total{border-color:#d8e8f3;background:#f2f8fc}
#client-modal .client-distribution .distribution-type-total.dependent-total{border-color:#f1dfeb;background:#fcf5fa}
#client-modal .client-distribution .distribution-type-total.dependent-total strong{color:#9b5f87}
#client-modal .client-distribution .distribution-filter-control{gap:4px;color:#8293a1;font-size:9px}
#client-modal .client-distribution .distribution-filter-control select{min-height:33px;padding:5px 8px;border-color:#dce6ed;border-radius:9px;font-size:10px}
#client-modal .client-distribution .clear-distribution-button{width:34px;height:34px;min-height:34px;padding:0;border-radius:10px}
#client-modal .client-distribution .distribution-table-wrap{margin-top:13px}
#client-modal .client-distribution .distribution-table-scroll{border-color:#e3eaf0;border-radius:14px;box-shadow:0 6px 18px rgba(31,64,89,.04)}
#client-modal .client-distribution .distribution-manual-table{border-radius:12px}
#client-modal .client-distribution .distribution-manual-table th{background:#f0f6fa;color:#5d7890}
#client-modal .client-distribution .distribution-manual-table td:first-child{color:#315c79;font-weight:750}
#client-modal .client-distribution .distribution-manual-table input{height:34px;min-height:34px;border-radius:8px;background:#f6fafc;text-align:center}
#client-modal .client-distribution .distribution-actions{gap:14px;margin-top:14px}
#client-modal .client-distribution .distribution-action-card{min-height:82px;padding:11px;border-color:#e5ebf0;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(31,64,89,.035);transition:transform .2s var(--workspace-ease),border-color .2s ease,box-shadow .2s ease}
#client-modal .client-distribution .distribution-action-card:hover{transform:translateY(-2px);border-color:#d4e2eb;box-shadow:0 9px 20px rgba(31,64,89,.065)}
#client-modal .client-distribution .distribution-action-card>.button{height:42px;min-height:42px;border-radius:10px;font-size:10px}
#client-modal .client-distribution .distribution-action-card>small{font-size:9px}
@media(max-width:680px){#client-modal .client-distribution .distribution-intro{align-items:flex-start;flex-direction:column;gap:12px}#client-modal .client-distribution .distribution-total-group{width:100%;justify-content:flex-start}#client-modal .client-distribution .distribution-actions{grid-template-columns:1fr;gap:9px}#client-modal .client-distribution .distribution-action-card{min-height:72px}}
#client-modal .client-distribution .distribution-intro{margin-top:4px}
.lib-layout .search-field{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;min-height:40px}
.lib-layout .search-field input{flex:1;min-width:0!important;width:auto!important;height:38px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.lib-layout .search-field .icon{flex:0 0 auto}
.lib-scope input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;margin:0;padding:0!important;flex:0 0 auto;accent-color:#1b5b90}
.lib-scope{white-space:nowrap}
.lib-table th,.lib-table td{padding-left:10px!important;padding-right:10px!important}
.lib-table .lib-actions{padding-right:4px!important}
.lib-subname{max-width:210px}
@media(max-width:1500px){.lib-table th:nth-child(3),.lib-table td:nth-child(3){display:none}}

/* ==========================================================================
   KANBAN · cada etapa rola na vertical e os cards mantêm o tamanho (29/10/2026)
   ========================================================================== */
body.pane-ui .kanban-board:not(.list-view){align-items:flex-start}
body.pane-ui .kanban-board:not(.list-view) .kanban-column{display:flex;flex-direction:column;max-height:var(--kb-col-max,calc(100vh - 230px));min-height:420px}
body.pane-ui .kanban-board:not(.list-view) .column-cards{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3d3e1 transparent;padding-right:4px;margin-right:-4px;scroll-behavior:smooth}
body.pane-ui .kanban-board:not(.list-view) .column-cards::-webkit-scrollbar{width:6px}
body.pane-ui .kanban-board:not(.list-view) .column-cards::-webkit-scrollbar-thumb{background:#c3d3e1;border-radius:6px}
body.pane-ui .kanban-board:not(.list-view) .column-cards>*{flex-shrink:0}
body.pane-ui .kanban-board:not(.list-view) .column-cards.has-more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent)}
@media(max-width:680px){body.pane-ui .kanban-board:not(.list-view) .kanban-column{max-height:calc(100vh - 200px);min-height:320px}}

/* ==========================================================================
   COFRE (29/10/2026)
   ========================================================================== */
.lib-folder.lib-vault .lib-folder-ico{background:linear-gradient(145deg,#2c3e55,#0b1f36);color:#f3c35b;box-shadow:0 4px 10px rgba(11,31,54,.22)}
.lib-folder.lib-vault .lib-folder-name{font-weight:800;color:#13304d}
.lib-folder.lib-vault.is-open .lib-folder-ico{background:linear-gradient(145deg,#2f8f6f,#1d6a52);color:#fff}
.lib-head-actions{display:flex;gap:6px;align-items:center}
.lib-vault-lock{display:grid;justify-items:center;text-align:center;gap:8px;padding:46px 20px 52px;border-radius:20px;background:radial-gradient(120% 90% at 50% 0%,#f4f8fc 0%,#fff 70%);border:1px dashed #d4e1ec;animation:pane-item-in .4s var(--pane-ease) both}
.lib-vault-lock[hidden],.lib-content[hidden],.lib-vault-form[hidden]{display:none!important}
.lib-vault-badge{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#2c3e55,#0b1f36);color:#f3c35b;box-shadow:0 14px 30px rgba(11,31,54,.25);margin-bottom:6px}
.lib-vault-badge .icon{width:32px;height:32px}
.lib-vault-lock h3{margin:0;font:800 21px var(--display);color:#13304d}
.lib-vault-lock p{margin:0;color:var(--pane-muted);font-size:13px;max-width:420px}
.lib-vault-form{display:flex;gap:8px;margin-top:10px;width:min(420px,100%)}
.lib-vault-form input{flex:1;min-width:0}
.lib-vault-form.is-shake{animation:lib-shake .38s}
@keyframes lib-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.lib-vault-error{min-height:16px;color:#b8454b;font-weight:650;font-size:12.5px}
.lib-upload-top.is-disabled{opacity:.45;cursor:not-allowed}
.access-grid:has(.access-vault){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.access-vault{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px 26px;align-items:start}
.access-vault .panel-heading{grid-column:1/-1;margin-bottom:0}
.vault-icon{background:linear-gradient(145deg,#2c3e55,#0b1f36)!important;color:#f3c35b!important}
.vault-status{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid #e1eaf2;background:#f7fafd}
.vault-status .icon{width:20px;height:20px;flex:0 0 auto;margin-top:1px}
.vault-status div{display:grid;gap:3px}.vault-status strong{font-size:13.5px}.vault-status span{font-size:12px;color:var(--pane-muted)}
.vault-status.is-set{background:var(--tone-mint-soft);border-color:#cfe9df}.vault-status.is-set .icon{color:var(--tone-mint)}
.vault-status.is-unset{background:var(--tone-amber-soft);border-color:#f0dfba}.vault-status.is-unset .icon{color:var(--tone-amber)}
.vault-help{display:block;font-size:11.5px;color:var(--pane-muted);line-height:1.5}
@media(max-width:900px){.access-vault{grid-template-columns:1fr}}
.lib-vault-close[hidden],.lib-folder-actions[hidden]{display:none!important}
.lib-vault-form input{height:46px;padding:0 14px!important;border:1px solid #d6e2ec!important;border-radius:12px!important;background:#fff!important;font:600 14px var(--sans);box-shadow:0 2px 6px rgba(28,54,78,.04)}
.lib-vault-form input:focus{outline:none;border-color:#8ab4d0!important;box-shadow:0 0 0 3px rgba(54,125,169,.12)}
.lib-vault-form .button{height:46px;white-space:nowrap}
.access-vault{padding:19px 22px 22px;border:1px solid #e6ebf2;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(28,54,78,.035)}
@media(max-width:560px){.lib-vault-form{flex-direction:column}}

/* Meus arquivos · todas as pastas amarelas (só L7 e Cofre com cor própria) e grupos "Pastas L7" / "Parceiros" (29/10/2026) */
.lib-folder.lib-custom .lib-folder-ico,.lib-folder.lib-partner .lib-folder-ico{background:#fff4dc;color:#c08a16}
.lib-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px 6px;font:800 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7d90a3;position:sticky;top:0;z-index:1;background:linear-gradient(#fff 75%,rgba(255,255,255,0))}
.lib-group-title:first-child{padding-top:2px}
.lib-group-title b{min-width:20px;height:18px;padding:0 6px;border-radius:9px;display:inline-grid;place-items:center;background:#eef3f8;color:#55697d;font-size:10px;letter-spacing:0}
.lib-group-title+.lib-folder{margin-top:2px}
.lib-folder-list .lib-group-title:not(:first-child){margin-top:8px;border-top:1px solid #edf2f6}
.lib-group-title{background:#fff;padding-bottom:8px;box-shadow:0 6px 8px -8px rgba(28,54,78,.25)}

/* Meus arquivos · lista de pastas compacta em 2 colunas, grupos recolhíveis, contagem do Cofre (29/10/2026, noite) */
.lib-layout{grid-template-columns:372px minmax(0,1fr)}
.lib-folders{padding:14px 12px 12px;gap:8px}
.lib-folders-head h2{margin:0 0 6px;font-size:16px}
.lib-folder-search{min-height:36px!important}
.lib-folder-search input{height:34px!important}
.lib-folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 4px;align-content:start;margin:0 -2px;padding:0 2px}
.lib-folder{gap:7px;padding:4px 6px;border-radius:9px;font-size:12.5px;min-height:30px}
.lib-folder:hover{transform:none}
.lib-folder-ico{width:22px;height:22px;border-radius:7px}
.lib-folder-ico .icon{width:13px;height:13px}
.lib-folder-count{min-width:18px;height:16px;padding:0 5px;border-radius:8px;font-size:10px}
.lib-folder.active{box-shadow:inset 2px 0 0 #2b79b9}
.lib-folder.lib-vault .lib-folder-ico,.lib-folder.lib-base .lib-folder-ico{box-shadow:none}
.lib-group-title{grid-column:1/-1;width:100%;border:0;cursor:pointer;margin:0;padding:8px 6px 5px!important;background:#fff;font:800 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7d90a3;text-align:left;position:sticky;top:0;z-index:1;box-shadow:0 6px 8px -8px rgba(28,54,78,.25)}
.lib-group-title>span{display:inline-flex;align-items:center;gap:5px}
.lib-group-title:hover{color:#1b5b90}
.lib-chev{width:12px;height:12px;transition:transform .25s var(--pane-ease)}
.lib-group-title.is-collapsed .lib-chev{transform:rotate(-90deg)}
.lib-folder-list .lib-group-title:not(:first-child){margin-top:6px!important;border-top:1px solid #edf2f6}
.lib-new-folder{grid-column:1/-1}
.lib-vault-timer{margin-left:6px;padding:2px 7px;border-radius:8px;background:#eef3f8;font:700 11px var(--sans);font-variant-numeric:tabular-nums;color:#3d5469}
.lib-vault-close.is-ending .lib-vault-timer{background:#fdecec;color:#b8454b}
@media(max-width:1280px){.lib-layout{grid-template-columns:280px minmax(0,1fr)}.lib-folder-list{grid-template-columns:1fr}}
@media(max-width:1000px){.lib-layout{grid-template-columns:1fr}.lib-folder-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px}}
@media(max-width:520px){.lib-folder-list{grid-template-columns:1fr}}
.lib-folder-name{white-space:normal;overflow:hidden;text-overflow:clip;line-height:1.2;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.lib-toolbar{flex-wrap:nowrap;gap:10px 12px}
.lib-toolbar .search-field{min-width:150px!important;flex:1 1 180px}
.lib-sort select{min-width:150px}
@media(max-width:1180px){.lib-toolbar{flex-wrap:wrap}}

/* Meus arquivos · tela estável ao trocar de pasta (29/10/2026, 21h40) */
.lib-main{min-height:calc(100vh - 120px)}
.lib-table tbody tr{animation:lib-row-fade .18s ease both!important;animation-delay:0s!important}
.lib-table tbody.no-anim tr{animation:none!important}
@keyframes lib-row-fade{from{opacity:.35}}
.lib-folder,.lib-folder:hover{transform:none!important;transition:background .15s,color .15s}
.lib-folder-list{overflow-anchor:none}

/* ==========================================================================
   30/10/2026 · MODO PRIVACIDADE (olho), AVISOS DA AGENDA, COMPARTILHAR, SELEÇÃO EM MASSA
   ========================================================================== */
/* --- Botão do olho --- */
.privacy-toggle{position:relative}
.privacy-toggle .icon{width:19px;height:19px}
.privacy-toggle .eye-closed{display:none}
html.privacy-on .privacy-toggle{background:#0b3157;color:#fff;border-color:#0b3157;box-shadow:0 6px 16px rgba(11,49,87,.25)}
html.privacy-on .privacy-toggle .eye-open{display:none}
html.privacy-on .privacy-toggle .eye-closed{display:block}
html.privacy-on .privacy-toggle::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#f3c35b;box-shadow:0 0 0 2px #0b3157}

/* --- Embaçar dados sensíveis (valores, nomes, documentos, contatos, conversas, arquivos) --- */
html.privacy-on :is(
  .pv, .money, .money-subcell, .stat-value, .count-up, .column-amount, .project-amount, .ring-value, .hero-metrics strong, .hero-ring-label strong,
  .lead-card h3, .lead-contact, .lead-card-meta strong, .lead-owner, .table-name, .strong-cell, .client-cell :is(strong,small,span:not(.avatar)), .data-table .avatar,
  .composition-legend :is(b,span), .hero-ring-label small, .calendar-event-label, .calendar-tooltip, .agenda-list-info, .week-chip span,
  .event-title-line, .event-info, .task-main, .birthday-row :is(strong,small,span:not(.birthday-avatar)), .mini-cal-event, .week-chip, .scheduled-list li,
  .timeline-item :is(p,strong), .whatsapp-message-list, .whatsapp-chat-contact, .existing-file, .file-name-list, .upload-chip-name, .upload-progress-name,
  .lib-file-name > span:last-child, .lib-subname, .cmdk-text, .project-card :is(h3,strong), .remun-total, .remun-amt, .remun-part strong,
  .distribution-total strong, .distribution-type-total strong, .life-row-total, .life-grand-total, [data-dist-band-total], .address-preview-fallback, .lead-address-preview,
  .modal-header h2, .modal-header p, .data-table td:not(.lib-actions):not(.lib-check):not(.lib-subname-cell):not(:has(.status-pill,.finance-pill,.stage-pill,.partner-chip,.claim-status,.empty-table,button,select,input[type=checkbox])),
  .partner-chips + *, .finance-table-panel td, .bell-info .pv, .event-alert .pv, .share-modal .pv, .share-link input
){filter:blur(6px);transition:filter .25s ease;user-select:none}
html.privacy-on :is(.modal, .client-card, .share-modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=search]), textarea){color:transparent!important;text-shadow:0 0 9px rgba(23,41,61,.6)!important;caret-color:#17293d}
html.privacy-on :is(.modal, .client-card) :is(input,textarea)::placeholder{text-shadow:none}
html:not(.privacy-on) :is(.pv,.money,.stat-value,.lead-card h3,.data-table td){transition:filter .25s ease}


/* --- Sino: painel de compromissos e avisos --- */
.bell-wrap{position:relative}
.bell-panel{position:absolute;right:0;top:calc(100% + 10px);width:360px;max-width:calc(100vw - 24px);z-index:80;background:#fff;border:1px solid #e1e9f1;border-radius:18px;box-shadow:0 24px 60px rgba(20,40,70,.18);padding:12px;animation:pane-item-in .25s var(--pane-ease) both}
.bell-panel[hidden]{display:none}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;border-bottom:1px solid #edf2f6}
.bell-head strong{font:800 14px var(--display);color:#13304d}.bell-head a{font-size:12px;font-weight:700;color:#1b5b90;text-decoration:none}
.bell-list{display:grid;gap:2px;max-height:300px;overflow-y:auto;padding:6px 0;scrollbar-width:thin}
.bell-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-decoration:none;color:inherit}
.bell-item:hover{background:#f3f7fb}
.bell-time{display:grid;justify-items:center;min-width:50px;padding:5px 4px;border-radius:10px;background:#eef4fa}
.bell-time b{font:800 13px var(--display);color:#0b3157}.bell-time small{font-size:10px;color:#6b7f92}
.bell-info{display:grid;min-width:0;flex:1}.bell-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bell-info small{font-size:11px;color:var(--pane-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bell-kind{font-weight:700}.bell-kind.kind-reuniao{color:#1b5b90}.bell-kind.kind-retorno{color:#b9781a}
.bell-item em{font-style:normal;font-size:11px;font-weight:800;color:#b8454b;white-space:nowrap}
.bell-empty{padding:16px 8px;text-align:center;font-size:12.5px;color:var(--pane-muted)}
.bell-settings{display:grid;gap:8px;padding:10px 6px 2px;border-top:1px solid #edf2f6}
.bell-switch{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;cursor:pointer}
.bell-switch input{width:16px!important;height:16px!important;min-height:0!important;margin-top:2px;accent-color:#1b5b90;flex:0 0 auto}
.bell-switch span{display:grid}.bell-switch b{font-size:12.5px;color:#13304d}.bell-switch small{font-size:11px;color:var(--pane-muted);font-weight:500}
.bell-desktop small{font-size:11.5px;line-height:1.45;color:var(--pane-muted)}.bell-desktop .desk-bad{color:#a1474c}
.desk-ok{font-size:12px;font-weight:700;color:var(--tone-mint)}
.bell-settings .button{justify-self:start}

/* --- Janela de aviso (5 min antes), com o "chacoalhão" --- */
.event-alert-stack{position:fixed;right:22px;bottom:22px;z-index:200;display:grid;gap:12px;width:min(380px,calc(100vw - 32px))}
.event-alert{background:#fff;border-radius:20px;border:1px solid #dfe8f1;box-shadow:0 30px 70px rgba(11,31,54,.28),0 0 0 4px rgba(243,195,91,.35);padding:16px;animation:alert-in .35s var(--pane-ease) both}
.event-alert.wizz{animation:alert-in .35s var(--pane-ease) both,alert-wizz .55s .1s 1}
.event-alert.is-out{opacity:0;transform:translateY(10px);transition:all .25s}
@keyframes alert-in{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes alert-wizz{10%,50%,90%{transform:translate(-6px,2px)}30%,70%{transform:translate(6px,-2px)}}
.event-alert-top{display:flex;gap:12px;align-items:flex-start}
.event-alert-ico{width:42px;height:42px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f7c95f,#e3a52c);color:#fff;box-shadow:0 8px 18px rgba(227,165,44,.35)}
.event-alert-ico .icon{width:22px;height:22px}
.event-alert-top>div{display:grid;gap:2px;flex:1;min-width:0}
.event-alert-kicker{font:800 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#b9781a}
.event-alert-top strong{font:800 16px/1.3 var(--display);color:#13304d}
.event-alert-x{border:0;background:#f1f5f9;width:28px;height:28px;border-radius:9px;font-size:18px;line-height:1;color:#55697d;cursor:pointer}
.event-alert-body{display:grid;gap:3px;margin:10px 0 12px 54px;font-size:13px;color:#3d5469}
.event-alert-body p{margin:4px 0 0;font-size:12.5px;color:var(--pane-muted)}
.event-alert-count{font:800 12px var(--sans);color:#b8454b;font-variant-numeric:tabular-nums}
.event-alert-actions{display:flex;gap:8px;justify-content:flex-end}
.alert-nudge{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0b3157;color:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(11,31,54,.35);width:min(620px,calc(100vw - 24px));animation:alert-in .35s var(--pane-ease) both}
.alert-nudge-ico{font-size:22px}.alert-nudge div{display:grid;flex:1;font-size:12.5px;line-height:1.4}.alert-nudge strong{font-size:13.5px}
.alert-nudge .button{background:#f3c35b!important;color:#0b3157!important;border:0}
.alert-nudge-x{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer;opacity:.75}

/* --- Compartilhar --- */
.lib-share:hover{color:#1d8f4e;background:#e8f7ee}
.lib-share-folder[hidden]{display:none!important}
.share-backdrop{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:16px;background:rgba(11,31,54,.38);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.share-backdrop.open{opacity:1}
.share-modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(11,31,54,.3);padding:20px 22px;transform:translateY(12px) scale(.98);transition:transform .25s var(--pane-ease)}
.share-backdrop.open .share-modal{transform:none}
.share-modal header{display:flex;justify-content:space-between;gap:12px}
.share-modal h3{margin:2px 0 2px;font:800 20px var(--display);color:#13304d}.share-modal header p{margin:0;font-size:12.5px;color:var(--pane-muted)}
.share-x{border:0;background:#f1f5f9;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer;color:#55697d}
.share-days{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:12.5px;font-weight:700;color:#3d5469}
.segmented-mini{display:inline-flex;padding:3px;border-radius:11px;background:#eef3f8}
.segmented-mini button{border:0;background:transparent;padding:6px 12px;border-radius:9px;font:700 12px var(--sans);color:#55697d;cursor:pointer}
.segmented-mini button.on{background:#fff;color:#0b3157;box-shadow:0 2px 6px rgba(20,40,70,.1)}
.share-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.share-card{display:grid;gap:9px;padding:14px;border-radius:16px;border:1px solid #e1eaf2;background:#fbfdff}
.share-wa{background:linear-gradient(180deg,#f2fbf5,#fff);border-color:#cdebd8}
.share-card-head{display:flex;align-items:center;gap:9px}.share-card-head strong{font:800 15px var(--display)}
.share-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}
.share-ico svg{width:19px;height:19px}.share-ico.wa{background:#25d366;color:#fff}.share-ico.mail{background:#e8f1f9;color:#1b5b90}
.share-card label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#3d5469}.share-card label small{font-weight:500;color:var(--pane-muted)}
.share-card input{height:40px}
.share-go-wa{background:#1fa855!important;color:#fff!important;border:0!important}
.share-go-wa:hover{background:#18914a!important}
.share-mail-btns{display:flex;gap:6px}.share-mail-btns .button{flex:1}
.share-hint{font-size:11px;color:var(--pane-muted);line-height:1.4}
.share-result{margin-top:12px;padding:12px;border-radius:14px;background:var(--tone-mint-soft);display:grid;gap:8px}
.share-result strong{font-size:12.5px;color:var(--tone-mint)}
.share-link{display:grid;gap:3px;font-size:12px;font-weight:650}.share-link input{height:34px;font-size:12px;background:#fff}
.share-modal footer{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f6}
.share-modal footer small{font-size:11.5px;color:var(--pane-muted)}
@media(max-width:600px){.share-options{grid-template-columns:1fr}.share-modal footer{flex-direction:column;align-items:flex-start}}

/* --- Seleção de vários arquivos --- */
.lib-check{width:34px;padding-right:0!important;text-align:center}
.lib-check input{width:16px!important;height:16px!important;min-height:0!important;margin:0;accent-color:#1b5b90;cursor:pointer}
.lib-table tr.is-picked td{background:#eef5fc}
.lib-bulk{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;margin-bottom:10px;border-radius:14px;background:#0b3157;color:#fff;animation:pane-item-in .25s var(--pane-ease) both}
.lib-bulk[hidden]{display:none}
.lib-bulk strong{font-size:13px}
.lib-bulk-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lib-bulk .button.secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.lib-bulk-move{position:relative}.lib-bulk-move select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%!important;height:100%!important}
.lib-bulk-delete{background:#d9545b!important;color:#fff!important;border:0!important}.lib-bulk-delete:hover{background:#c2454c!important}
.lib-bulk-delete .icon{width:15px;height:15px}
.lib-bulk-clear{background:transparent;border:0;color:#cfe0ef;font:700 12px var(--sans);cursor:pointer;text-decoration:underline}
/* Coluna "Tipo" sai da tabela (o selo colorido do arquivo já mostra o tipo) para caber as ações */
.lib-table th:nth-child(3),.lib-table td:nth-child(3){display:table-cell}
.lib-table th:nth-child(4),.lib-table td:nth-child(4){display:none}
#system-confirm-message{white-space:pre-line}
/* Tabela de arquivos com larguras fixas: as ações (baixar, compartilhar, mover, apagar) sempre cabem */
.lib-table{table-layout:fixed;width:100%}
.lib-table th:nth-child(1){width:36px}
.lib-table th:nth-child(3){width:21%}
.lib-table th:nth-child(5){width:74px}
.lib-table th:nth-child(6){width:124px}
.lib-table th:nth-child(7){width:132px}
.lib-table td{overflow:hidden}
.lib-file-name{align-items:flex-start}
.lib-file-name > span:last-child{overflow-wrap:anywhere;line-height:1.3}
.lib-subname{max-width:100%;overflow:hidden}
.lib-actions{padding-left:0!important}
.lib-actions .icon-button.tiny,.lib-actions .lib-move{width:28px;height:28px}
@media(max-width:1500px){.lib-table th:nth-child(5),.lib-table td:nth-child(5){display:none}.lib-table th:nth-child(3){width:24%}}
@media(max-width:680px){.lib-table th:nth-child(3),.lib-table td:nth-child(3),.lib-table th:nth-child(6),.lib-table td:nth-child(6){display:none}.lib-table th:nth-child(7){width:124px}}
.share-result span{font-size:12px;color:#3d5469}
.share-options{margin-top:16px}