/* GestiConnect V91.13 - responsive charts, tooltips and unified marketing KPIs */
.gc-kpi-grid{align-items:stretch;gap:14px}
.gc-kpi-card{--gc-kpi-accent:#2b78ba;position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #dce6ec!important;border-radius:15px!important;background:linear-gradient(145deg,#fff 0%,#f9fcfd 100%)!important;box-shadow:0 6px 18px rgba(25,56,77,.055)!important}
.gc-kpi-card:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;background:var(--gc-kpi-accent)}
.gc-kpi-card:after{content:"";position:absolute;z-index:-1;right:-30px;top:-42px;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--gc-kpi-accent) 8%,transparent)}
.gc-kpi-card.card.stat{padding:17px 18px}
.gc-kpi-card.stat-card{padding:17px 18px}
.gc-kpi-card .stat-label,.gc-kpi-card>span{display:block;margin:0 0 7px;color:#607086;font-size:10px;font-weight:850;line-height:1.25;letter-spacing:.045em;text-transform:uppercase}
.gc-kpi-card .stat-value,.gc-kpi-card>strong{display:block;margin:0;color:#102a43;font-size:25px;font-weight:900;line-height:1.08}
.gc-kpi-card>small{display:block;margin-top:7px;color:#708196;font-size:10px;line-height:1.35}
.gc-kpi-card.is-spend,.gc-kpi-card.is-cpa{--gc-kpi-accent:#d97706}
.gc-kpi-card.is-clicks,.gc-kpi-card.is-pages{--gc-kpi-accent:#2687c8}
.gc-kpi-card.is-conversions{--gc-kpi-accent:#7c3aed}
.gc-kpi-card.is-matched{--gc-kpi-accent:#e0528d}
.gc-kpi-card.is-revenue,.gc-kpi-card.is-profit{--gc-kpi-accent:#1f8f63}
.gc-kpi-card.is-roas{--gc-kpi-accent:#0f766e}
.gc-kpi-card.is-pending{--gc-kpi-accent:#64748b}
.gc-kpi-card.is-calls{--gc-kpi-accent:#2563eb}

.gc-chart-card>.card-header{min-height:126px}
.gc-chart-card>.card-header>div:first-child{min-width:0}
.gc-chart-card>.card-header h2,.gc-chart-card>.card-header h3{line-height:1.25}
.gc-chart-card>.card-header p{max-width:620px;line-height:1.45}
.gc-chart-day{position:relative;outline:none;scroll-snap-align:center}
.gc-chart-day:focus-visible{border-radius:8px;box-shadow:0 0 0 3px rgba(38,135,200,.2)}
.gc-chart-day:focus-visible .gc-chart-bars{background:rgba(38,135,200,.045)}
.gc-chart-scroll{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.gc-chart-bar{max-height:100%}
.gc-chart-label:empty:after{content:"";display:block;height:1px}
.gc-chart-tooltip{position:fixed;z-index:10050;display:none;min-width:220px;max-width:min(320px,calc(100vw - 24px));padding:14px 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#102a43;color:#fff;box-shadow:0 18px 40px rgba(15,42,67,.3);pointer-events:none;transform:translate3d(0,0,0)}
.gc-chart-tooltip.is-visible{display:block}
.gc-chart-tooltip strong{display:block;margin-bottom:9px;font-size:14px;line-height:1.3}
.gc-chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:5px 0;font-size:12.5px;line-height:1.45}
.gc-chart-tooltip-row span:first-child{display:inline-flex;align-items:center;gap:7px;color:#d8e6ef}
.gc-chart-tooltip-row b{font-size:13px;color:#fff;white-space:nowrap}
.gc-chart-tooltip-dot{width:10px;height:10px;border-radius:4px;background:#9aa9b8;flex:0 0 auto}
.gc-chart-tooltip-dot.is-spend{background:#d97706}.gc-chart-tooltip-dot.is-revenue{background:#1f8f63}.gc-chart-tooltip-dot.is-clicks{background:#2687c8}.gc-chart-tooltip-dot.is-conversions{background:#7c3aed}.gc-chart-tooltip-dot.is-matched{background:#e0528d}.gc-chart-tooltip-dot.is-visits{background:#0f766e}.gc-chart-tooltip-dot.is-impressions{background:#0f766e}.gc-chart-tooltip-dot.is-leads{background:#7c3aed}

@media(max-width:1280px){
  .gc-daily-chart-grid{grid-template-columns:1fr}
  .gc-chart-card>.card-header{min-height:0}
}
@media(max-width:1050px){
  .gc-kpi-grid.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gc-kpi-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .gc-kpi-grid.grid-5,.gc-kpi-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gc-kpi-card.card.stat,.gc-kpi-card.stat-card{padding:14px 15px}
  .gc-kpi-card .stat-value,.gc-kpi-card>strong{font-size:22px}
  .gc-chart-card>.card-header{padding:15px}
  .gc-chart-legend{gap:7px 10px}
  .gc-chart-scroll{padding-top:12px}
  .gc-daily-chart{height:225px;grid-template-columns:repeat(var(--chart-columns),minmax(52px,1fr));min-width:max(100%,calc(var(--chart-columns) * 56px));gap:5px}
  .tracking-daily-chart-card .gc-daily-chart{height:235px}
  .gc-chart-bars{gap:3px;padding-inline:2px}
  .gc-chart-bars-three .gc-chart-bar{width:min(30%,12px)}
}
@media(max-width:480px){
  .gc-kpi-grid.grid-5,.gc-kpi-grid.grid-4{grid-template-columns:1fr 1fr;gap:10px}
  .gc-kpi-card .stat-label,.gc-kpi-card>span{font-size:9px}
  .gc-kpi-card .stat-value,.gc-kpi-card>strong{font-size:20px}
  .gc-chart-card>.card-header{display:grid;gap:10px}
  .gc-chart-legend{justify-content:flex-start}
  .gc-chart-tooltip{min-width:190px}
}
