/* Modo Hunter — "Hoje" and "Desempenho" layout (markup in tools/hunter-screens.mjs).
   Bento cards with big radii, one dark hero with the white wolf, one mint highlight card (same as the Finanças panel),
   capsule bars and large numbers. Dark ("blue") and light themes. */

.app-shell[data-theme]{
  --hx-card:linear-gradient(180deg,#1A1F29,#141820);--hx-card-solid:#171C25;--hx-line:rgba(224,228,235,.08);--hx-line-2:rgba(224,228,235,.14);
  --hx-t:#FFFFFF;--hx-t2:#E0E4EB;--hx-tm:#9AA3B5;--hx-track:rgba(224,228,235,.07);--hx-raise:rgba(224,228,235,.06);--hx-shadow:0 24px 60px -30px rgba(0,0,0,.8);
}
.app-shell[data-theme="white"],.app-shell[data-theme="pink"]{
  --hx-card:#FFFFFF;--hx-card-solid:#FFFFFF;--hx-line:#E0E4EB;--hx-line-2:#D1D6E0;
  --hx-t:#0A0E15;--hx-t2:#373F4E;--hx-tm:#667085;--hx-track:#EEF0F4;--hx-raise:#F0F1F5;--hx-shadow:0 18px 40px -26px rgba(10,14,21,.25);
}

.hx{display:flex;flex-direction:column;gap:16px;color:var(--hx-t);font-family:'Manrope',Helvetica,Arial,sans-serif}
.hx *{box-sizing:border-box}
.hx button{font-family:inherit}
.hx-card{position:relative;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:28px;padding:22px;min-width:0;box-shadow:var(--hx-shadow)}
.hx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hx-head>b{font-size:17px;font-weight:700;letter-spacing:-.015em}
.hx-lbl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hx-tm)}
.hx-muted{font-size:12.5px;color:var(--hx-tm);line-height:1.5}
.hx-chip{padding:7px 13px;border-radius:999px;background:var(--hx-raise);color:var(--hx-t2);font:700 12.5px/1 'Manrope',sans-serif;font-variant-numeric:tabular-nums}
.hx-link{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--hx-t2);font:700 13px/1 'Manrope',sans-serif;cursor:pointer;padding:6px 0}
.hx-link:hover{color:var(--hx-t)}

/* buttons */
.hx-pill-light{display:inline-flex;align-items:center;gap:12px;border:0;border-radius:999px;padding:6px 6px 6px 22px;background:#FFFFFF;color:#0A0E15;font:800 14px/1 'Manrope',sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 30px -10px rgba(255,255,255,.35)}
.hx-pill-light:hover{transform:translateY(-2px)}
.hx-round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0A0E15;color:#fff}
.hx-pill-dark{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:14px 22px;background:#0A0E15;color:#fff;font:800 13.5px/1 'Manrope',sans-serif;cursor:pointer;transition:transform .2s ease}
.hx-pill-dark:hover{transform:translateY(-2px)}
.hx-pill-ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(10,14,21,.18);border-radius:999px;padding:13px 18px;background:rgba(255,255,255,.45);color:#0A0E15;font:700 13px/1 'Manrope',sans-serif;cursor:pointer}

/* row 1: hero + focus */
.hx-r1{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px}
.hx-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:28px 30px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;color:#FFFFFF;
  background:radial-gradient(70% 90% at 92% 10%,rgba(191,198,212,.20),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(78,87,106,.35),transparent 70%),linear-gradient(135deg,#0A0E15 0%,#151A23 45%,#232937 100%);
  border:1px solid rgba(224,228,235,.10);box-shadow:0 30px 70px -35px rgba(0,0,0,.9)}
.hx-hero::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(224,228,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(224,228,235,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 85% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 85% 30%,#000,transparent 75%)}
.app-shell[data-theme] .hx img.hx-wolf-bg{position:absolute;right:-70px;bottom:-60px;width:380px;opacity:.035;filter:none!important;z-index:-1;pointer-events:none;filter:none!important}
.hx-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hx-hello{font-size:15px;font-weight:600;color:#E0E4EB}
.hx-hello .verified-name{color:#FFFFFF;font-weight:800}
.hx-streak{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font:800 12.5px/1 'Manrope',sans-serif;color:#FFFFFF}
.hx-streak [data-lucide-icon]{color:#FFB36B}
.hx-hero-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hx-hero-title{font-size:clamp(28px,2.9vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.08;max-width:15em;color:#FFFFFF}
.app-shell[data-theme] .hx img.hx-wolf{width:clamp(110px,11vw,160px);flex:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))!important}
.hx-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.hx-focus,.hp-streak{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:26px;min-height:300px;display:flex;flex-direction:column;gap:16px;color:#0A0E15;
  background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.55),transparent 55%),linear-gradient(128deg,#F3F5F9 0%,#D3D9E3 34%,#A9B3C3 68%,#7E899C 100%);box-shadow:0 30px 70px -40px rgba(169,179,195,.55),inset 0 1px 0 rgba(255,255,255,.7)}
.hx-focus-shape{position:absolute;right:-70px;bottom:-110px;width:320px;height:280px;border-radius:80px;transform:rotate(-28deg);background:linear-gradient(160deg,rgba(255,255,255,.5),rgba(255,255,255,.05));z-index:-1}
.hx-focus-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hx-focus-lbl{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hx-focus-sess{font-size:12.5px;font-weight:700;background:rgba(10,14,21,.08);border-radius:999px;padding:7px 12px}
.hx-focus-time{font-size:clamp(64px,6.6vw,96px);font-weight:800;letter-spacing:-.06em;line-height:.95;font-variant-numeric:tabular-nums}
.hx-focus-prog{display:grid;gap:9px;margin-top:auto}
.hx-focus-prog-lbl{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;opacity:.8}
.hx .hx-prog{height:12px;border-radius:99px;background:rgba(10,14,21,.12)!important;border:0!important;box-shadow:none!important}
.hx .hx-prog>span{background:#0A0E15!important;box-shadow:none!important;min-width:12px}
.hx .hx-prog>span::after{background:#FFFFFF!important;box-shadow:0 0 0 3px #0A0E15,0 4px 10px rgba(10,14,21,.35)!important;width:16px;height:16px;right:-6px}
.hx-focus-actions{display:flex;gap:8px;flex-wrap:wrap}

/* toolbar */
.hx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hx-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--hx-card-solid);border:1px solid var(--hx-line);flex-wrap:wrap}
.hx-seg button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:999px;padding:8px 15px;font:700 12.5px/1 'Manrope',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.hx-seg button>i{width:7px;height:7px;border-radius:50%}
.hx-seg-sm button{padding:7px 12px;font-size:12px}

/* KPIs */
.hx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx-kpi{display:flex;flex-direction:column;gap:14px;min-height:150px;transition:transform .25s ease,border-color .25s}
.hx-kpi:hover{transform:translateY(-3px);border-color:var(--hx-line-2)}
.hx-kpi-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hx-delta{font-size:11.5px;font-weight:800;padding:5px 9px;border-radius:999px;background:var(--hx-raise);white-space:nowrap}
.hx-kpi-val{font-size:clamp(36px,3.1vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.hx-kpi-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}
.hx-kpi-sub{font-size:12.5px;color:var(--hx-tm)}
.hx-spark{width:90px;height:32px;flex:none;color:var(--hx-t2)}
.hx-kpis>.hx-kpi:first-child{background:#FFFFFF;color:#0A0E15;border-color:#FFFFFF}
.hx-kpis>.hx-kpi:first-child .hx-lbl,.hx-kpis>.hx-kpi:first-child .hx-kpi-sub{color:#4E576A}
.hx-kpis>.hx-kpi:first-child .hx-delta{background:#F0F1F5}
.hx-kpis>.hx-kpi:first-child .hx-spark{color:#0A0E15}
.app-shell[data-theme="white"] .hx-kpis>.hx-kpi:first-child,.app-shell[data-theme="pink"] .hx-kpis>.hx-kpi:first-child{background:#0A0E15;color:#fff;border-color:#0A0E15}
.app-shell[data-theme="white"] .hx-kpis>.hx-kpi:first-child :is(.hx-lbl,.hx-kpi-sub),.app-shell[data-theme="pink"] .hx-kpis>.hx-kpi:first-child :is(.hx-lbl,.hx-kpi-sub){color:#BFC6D4}
.app-shell[data-theme="white"] .hx-kpis>.hx-kpi:first-child .hx-delta,.app-shell[data-theme="pink"] .hx-kpis>.hx-kpi:first-child .hx-delta{background:#212631}
.app-shell[data-theme="white"] .hx-kpis>.hx-kpi:first-child .hx-spark,.app-shell[data-theme="pink"] .hx-kpis>.hx-kpi:first-child .hx-spark{color:#fff}

/* chart + briefs */
.hx-r3{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px}
.hx-chart{display:flex;flex-direction:column}
.hx-bars{display:flex;align-items:flex-end;gap:10px;height:210px}
.hx-day{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:8px 0;border-radius:999px;transition:background .15s;cursor:default}
.hx-day::before{content:'';position:absolute;inset:0;margin:0 auto;width:min(100%,58px);border-radius:999px;background:var(--hx-track);z-index:0}
.hx-day i{position:relative;z-index:1;width:min(28%,13px);min-height:4px;border-radius:999px;transform-origin:bottom;animation:barGrow .6s cubic-bezier(.16,1,.3,1) both;transition:height .25s ease}
.hx-line{height:210px;display:flex}
.hx-line svg{width:100%;height:100%}
.hx-empty{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:22px;background:var(--hx-track)}
.hx-empty>b{font-size:14px}.hx-empty>span{font-size:12.5px;color:var(--hx-tm);max-width:300px;line-height:1.6}
.hx-days{display:flex;gap:10px;margin-top:12px}
.hx-days>span{flex:1;text-align:center;font-size:12px;font-weight:700;color:var(--hx-tm);white-space:nowrap;overflow:hidden}
.hx-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hx-legend>span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--hx-raise);font-size:12.5px;font-weight:600;color:var(--hx-t2)}
.hx-legend>span>i{width:8px;height:8px;border-radius:50%}
.hx-legend>span>b{font-variant-numeric:tabular-nums;color:var(--hx-t)}
.hx-legend-top{margin-top:0}
.hx-tip{position:absolute;top:64px;transform:translateX(-50%);pointer-events:none;z-index:5;min-width:150px;padding:11px 13px;border-radius:16px;background:rgba(10,14,21,.94);border:1px solid rgba(224,228,235,.16);box-shadow:0 18px 40px rgba(0,0,0,.5);color:#fff;backdrop-filter:blur(8px)}
.hx-tip-t{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9AA3B5;margin-bottom:8px}
.hx-tip-row{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:2px 0;color:#E0E4EB}
.hx-tip-row>i{width:7px;height:7px;border-radius:50%}
.hx-tip-row>b{margin-left:auto;font-variant-numeric:tabular-nums;color:#fff}

.hx-briefs{display:grid;grid-template-rows:auto 1fr;gap:16px;min-width:0}
.hx-brief{display:flex;flex-direction:column;gap:10px}
.hx-brief p{font-size:14px;line-height:1.6;color:var(--hx-t2)}
.hx-brief p.hx-muted{font-size:12.5px;color:var(--hx-tm)}
.hx-brief-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--hx-raise);color:var(--hx-t)}
.hx-shut-top{display:flex;align-items:center;justify-content:space-between}
.hx-shut-pct{font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.hx-shut-pct small,.hp-val small,.hx-ring small{font-size:.45em;font-weight:700;margin-left:2px;color:var(--hx-tm)}
.hx-meter{height:10px;border-radius:99px;background:var(--hx-track);overflow:hidden}
.hx-meter>span{display:block;height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,#7E899C,#D3D9E3);transition:width .5s ease}

/* tasks + agenda */
.hx-r4{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
.hx-task-list{display:flex;flex-direction:column;gap:6px}
.hx-task{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:18px;background:var(--hx-raise);transition:background .15s}
.hx-task:hover{background:var(--hx-line-2)}
.hx-check{width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid;display:grid;place-items:center;cursor:pointer;padding:0}
.hx-tick{width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.hx-task-t{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-tag{flex:none;border:1px solid var(--hx-line-2);border-radius:999px;padding:5px 10px;background:transparent;font:800 10.5px/1 'Manrope',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.hx-time{flex:none;width:44px;text-align:right;font-size:12px;font-weight:700;color:var(--hx-tm);font-variant-numeric:tabular-nums}
.hx-del{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--hx-tm);font-size:17px;line-height:1;cursor:pointer;padding:0}
.hx-del:hover{background:rgba(229,100,110,.15);color:#E5646E}
.hx-add{display:flex;gap:8px;margin-top:12px}
.hx-add input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:1px solid var(--hx-line-2)!important;background:var(--hx-raise)!important;color:var(--hx-t)!important;font:500 14px/1.2 'Manrope',sans-serif;outline:none}
.hx-add input:focus{border-color:var(--hx-tm)!important}
.hx-add button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:0 18px;background:var(--hx-t);color:var(--app-bg,#0A0E15);font:800 13px/1 'Manrope',sans-serif;cursor:pointer}
.app-shell[data-theme="blue"] .hx-add button{color:#0A0E15}
.app-shell[data-theme="white"] .hx-add button,.app-shell[data-theme="pink"] .hx-add button{color:#fff}

.hx-blocks{display:flex;flex-direction:column;gap:8px}
.hx-block{display:flex;gap:12px;align-items:stretch;cursor:pointer}
.hx-block-time{width:46px;flex:none;padding-top:13px;font-size:12px;font-weight:800;color:var(--hx-tm);font-variant-numeric:tabular-nums}
.hx-block-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:18px;background:var(--hx-raise);border:0;border-left:4px solid;transition:transform .15s}
.hx-block:hover .hx-block-body{transform:translateX(3px)}
.hx-block-body>b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-block-body>span{font-size:12px;color:var(--hx-tm)}
.hx-free{padding:28px 20px;text-align:center;border-radius:20px;border:1px dashed var(--hx-line-2);font-size:13px;color:var(--hx-tm);line-height:1.6}

/* areas + consistency */
.hx-r5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
.hx-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px}
.hx-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.hx-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center}
.hx-ring>span{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hx-card-solid);font-size:24px;font-weight:800;letter-spacing:-.04em}
.hx-heat-grid{display:flex;flex-direction:column;gap:5px}
.hx-heat-row{display:flex;align-items:center;gap:10px}
.hx-heat-row>span{width:28px;flex:none;font-size:11px;font-weight:700;color:var(--hx-tm)}
.hx-heat-row>div{display:flex;gap:5px;flex:1}
.hx-heat-row>div>i{flex:1;max-width:30px;aspect-ratio:1;border-radius:6px}

/* ── Desempenho ── */
.hp-r1{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.6fr);gap:16px}
.hp-streak{min-height:280px;justify-content:space-between}
.hp-streak-val{font-size:clamp(76px,7vw,110px);font-weight:800;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.hp-streak-val small{font-size:.22em;letter-spacing:-.01em;margin-left:8px;font-weight:800}
.hp-streak-sub{font-size:14px;font-weight:700;opacity:.8}
.hp-streak-days{display:flex;gap:5px}
.hp-streak-days i{flex:1;height:30px;border-radius:999px;border:1.5px solid}
/* on the mint card: active days dark, empty days light; today keeps a ring */
.hp-streak .hp-streak-days i{background:rgba(255,255,255,.5)!important;border-color:rgba(10,14,21,.12)!important}
.hp-streak .hp-streak-days i:is([style*="rgb(78, 87, 106)"],[style*="rgb(33, 38, 49)"]){background:#0A0E15!important;border-color:#0A0E15!important}
.hp-streak .hp-streak-days i:not([style*="border-color: transparent"]){box-shadow:0 0 0 2px #fff}
.hp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-kpi,.hp-detail{display:flex;flex-direction:column;gap:10px}
.hp-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--hx-raise);color:var(--hx-t);margin-bottom:6px}
.hp-ic-bad{background:rgba(229,100,110,.14);color:#E5646E}
.hp-val{font-size:clamp(44px,4vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums;margin-top:auto}
.hp-val-md{font-size:clamp(26px,2.2vw,34px);letter-spacing:-.04em;line-height:1.15;margin-top:0}
.hp-bad{color:#E5646E}
.hp-r2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.hp-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hp-detail .hx-meter{margin:4px 0 2px}
.hp-chart .hx-bars{height:250px}

/* the finance summary card that closes both screens keeps its own look; just align the radius */
.hx>:last-child:not(.hx-r5):not(.hp-r2){border-radius:28px}

/* responsive */
@media(max-width:1200px){
  .hx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-r2{grid-template-columns:1fr}
}
@media(max-width:1020px){
  .hx-r1,.hx-r3,.hx-r4,.hx-r5,.hp-r1{grid-template-columns:1fr}
  .hx-briefs{grid-template-rows:none;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .hx{gap:12px}
  .hx-card{border-radius:24px;padding:18px}
  .hx-hero,.hx-focus,.hp-streak{border-radius:26px;padding:22px;min-height:0}
  .hx-hero-main{align-items:flex-end}
  .hx-hero-title{font-size:26px}
  .app-shell[data-theme] .hx img.hx-wolf{width:84px}
  .app-shell[data-theme] .hx img.hx-wolf-bg{width:260px}
  .hx-focus-time{font-size:68px}
  .hx-kpis{gap:12px}
  .hx-kpi{min-height:0;padding:16px}
  .hx-kpi-val{font-size:34px}
  .hx-spark{width:60px}
  .hx-briefs{grid-template-columns:1fr}
  .hx-bars{height:170px;gap:6px}
  .hx-days{gap:6px}
  .hx-days>span{font-size:11px}
  .hx-time{display:none}
  .hx-ring{width:86px;height:86px}.hx-ring>span{width:66px;height:66px;font-size:20px}
  .hp-kpis{grid-template-columns:1fr 1fr}
  .hp-kpis>:first-child{grid-column:span 2}
  .hp-details{gap:12px}
  .hp-val{font-size:40px}
  .hp-val-md{font-size:24px}
  .hp-streak-days i{height:22px}
  .hx-seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .hx-seg::-webkit-scrollbar{display:none}
  .hx-seg button{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.hx *{animation:none!important;transition:none!important}}

/* old hard-coded task colors (dark text, red check) → theme text and the mint accent */
.hx .hx-task-t{color:var(--hx-t)!important}
.hx .hx-task-t:is([style*="line-through"]){color:var(--hx-tm)!important}
.hx .hx-check{border-color:var(--hx-line-2)!important;background:transparent!important}
.hx .hx-check:is([style*="255, 46, 46"],[style*="FF2E2E"],[style*="ff2e2e"]){border-color:#BFC6D4!important;background:#BFC6D4!important}
.hx .hx-check .hx-tick{border-color:#0A0E15}
.hx .hx-task:has(.hx-tick){opacity:.75}
.hx-chart .hx-bars,.hx-chart .hx-line,.hx-chart .hx-empty{flex:1;min-height:210px}
.hp-kpis>.hp-kpi:first-child{background:#FFFFFF;color:#0A0E15;border-color:#FFFFFF}
.hp-kpis>.hp-kpi:first-child :is(.hx-lbl,.hx-muted){color:#4E576A}
.hp-kpis>.hp-kpi:first-child .hp-ic{background:#0A0E15;color:#fff}
.app-shell[data-theme="white"] .hp-kpis>.hp-kpi:first-child,.app-shell[data-theme="pink"] .hp-kpis>.hp-kpi:first-child{background:#0A0E15;color:#fff;border-color:#0A0E15}
.app-shell[data-theme="white"] .hp-kpis>.hp-kpi:first-child :is(.hx-lbl,.hx-muted),.app-shell[data-theme="pink"] .hp-kpis>.hp-kpi:first-child :is(.hx-lbl,.hx-muted){color:#BFC6D4}
.app-shell[data-theme="white"] .hp-kpis>.hp-kpi:first-child .hp-ic,.app-shell[data-theme="pink"] .hp-kpis>.hp-kpi:first-child .hp-ic{background:#fff;color:#0A0E15}

/* tasks board: the finger scrolls; hold to drag (see beginTouchCard in tools/rebrand-app.mjs) */
.app-shell .pipeline-item{touch-action:pan-x pan-y!important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* Desempenho chart: hover or tap a day to see its numbers */
.hx-day-pop{cursor:pointer}
.hx-day-pop:hover::before,.hx-day-pop:active::before{background:var(--hx-line-2)}
.hx-pop{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%,6px);z-index:6;min-width:170px;padding:11px 13px;border-radius:16px;background:rgba(10,14,21,.95);border:1px solid rgba(224,228,235,.16);box-shadow:0 18px 40px rgba(0,0,0,.45);color:#fff;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.hx-day-pop:hover .hx-pop,.hx-day-pop:active .hx-pop{opacity:1;transform:translate(-50%,0)}
.hx-day-pop:first-child .hx-pop{left:0;transform:translate(0,6px)}.hx-day-pop:first-child:hover .hx-pop{transform:none}
.hx-day-pop:last-child .hx-pop{left:auto;right:0;transform:translate(0,6px)}.hx-day-pop:last-child:hover .hx-pop{transform:none}
.hx-pop-t{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9AA3B5;margin-bottom:6px}
.hx-pop-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#E0E4EB;padding:2px 0;white-space:nowrap}
.hx-pop-row>i{width:7px!important;height:7px!important;min-height:0!important;border-radius:50%;animation:none!important}
.hx-pop-row>b{margin-left:auto;padding-left:12px;color:#fff;font-variant-numeric:tabular-nums}
.hp-chart{overflow:visible}

/* the card that follows the finger lives outside .app-shell, so it carries its own look */
.kanban-touch-ghost{font-family:'Manrope',Helvetica,Arial,sans-serif!important;background:#2A303C!important;color:#FFFFFF!important;border:1px solid rgba(224,228,235,.18)!important;border-radius:18px!important;padding:16px!important;opacity:.97!important}
.kanban-touch-ghost *{font-family:inherit!important}
.kanban-touch-ghost[data-theme="white"],.kanban-touch-ghost[data-theme="pink"]{background:#FFFFFF!important;color:#0A0E15!important;border-color:#D1D6E0!important}
.app-shell[data-theme="white"] .hx .hx-check:is([style*="255, 46, 46"],[style*="FF2E2E"],[style*="ff2e2e"]),.app-shell[data-theme="pink"] .hx .hx-check:is([style*="255, 46, 46"],[style*="FF2E2E"],[style*="ff2e2e"]){border-color:#212631!important;background:#212631!important}
.app-shell[data-theme="white"] .hx .hx-check .hx-tick,.app-shell[data-theme="pink"] .hx .hx-check .hx-tick{border-color:#fff}