/* Immosoft Analytics — dashboard */
.imsan{--a-green:var(--ims-g,#0EB37A);--a-green-d:var(--ims-g-d,#0A8F60);--a-navy:var(--ims-navy,#111827);--a-mid:#374151;--a-muted:#6B7280;
  --a-line:#E5E7EB;--a-bg:#F9FAFB;--a-blue:#3B82F6;--a-amber:#F59E0B;--a-red:#EF4444;--a-purple:#8B5CF6;
  --a-r:10px;--a-sh:0 1px 3px rgba(0,0,0,.07);--a-sh2:0 4px 14px rgba(0,0,0,.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--a-mid)}
.imsan *{box-sizing:border-box}
.imsan-wrap{max-width:1300px;margin:0 auto;padding:20px}
.imsan-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:12px}
.imsan-head h1{font-size:24px;color:var(--a-navy);margin:0}
.imsan-sub{color:var(--a-muted);margin:3px 0 0;font-size:14px}
.imsan-btn{background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);padding:9px 16px;cursor:pointer;font-weight:600;font-size:14px;color:var(--a-mid);font-family:inherit}
.imsan-btn:hover{border-color:var(--a-green);color:var(--a-green-d)}
.imsan-loading{text-align:center;padding:60px;font-size:32px}

/* KPI cards */
.imsan-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}
.imsan-kpi{background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);padding:16px;box-shadow:var(--a-sh);position:relative;overflow:hidden}
.imsan-kpi::before{content:'';position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:var(--a-green)}
.imsan-kpi.blue::before{background:var(--a-blue)} .imsan-kpi.amber::before{background:var(--a-amber)}
.imsan-kpi.red::before{background:var(--a-red)} .imsan-kpi.purple::before{background:var(--a-purple)}
.imsan-kpi-label{font-size:12px;color:var(--a-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.imsan-kpi-value{font-size:26px;font-weight:800;color:var(--a-navy);line-height:1.1}
.imsan-kpi-sub{font-size:12px;color:var(--a-muted);margin-top:4px}

/* Charts grid */
.imsan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}
.imsan-card{background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);padding:18px;box-shadow:var(--a-sh)}
.imsan-card h3{font-size:16px;color:var(--a-navy);margin:0 0 14px}
.imsan-chart-wrap{position:relative;height:260px}
.imsan-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;justify-content:center}
.imsan-legend-item{display:flex;align-items:center;gap:5px;font-size:12px}
.imsan-legend-dot{width:10px;height:10px;border-radius:50%}

.imsan-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.imsan-mini{background:var(--a-bg);border-radius:8px;padding:12px;text-align:center}
.imsan-mini-value{font-size:22px;font-weight:800;color:var(--a-navy)}
.imsan-mini-label{font-size:11px;color:var(--a-muted);margin-top:3px}

.imsan-top-list{display:flex;flex-direction:column;gap:6px}
.imsan-top-item{display:flex;justify-content:space-between;padding:8px 10px;background:var(--a-bg);border-radius:6px;font-size:13px}
.imsan-top-item .v{font-weight:700;color:var(--a-green-d)}

.imsan-module-off{text-align:center;padding:30px 10px;color:var(--a-muted);font-size:13px}
.imsan-card.off{opacity:.65}

@media(max-width:600px){.imsan-grid{grid-template-columns:1fr}.imsan-mini-stats{grid-template-columns:1fr 1fr}}

/* ── Mobile responsive ── */
@media(max-width:768px){
  .imsan-board,.imsan-wrap,.imsan-grid{grid-template-columns:1fr !important}
  .imsan-filters,.imsan-toolbar{flex-wrap:wrap;gap:8px}
  .imsan-filters select,.imsan-filters input,.imsan-toolbar select,.imsan-toolbar input{flex:1;min-width:130px}
  .imsan-modal{width:100% !important;max-width:100% !important;border-radius:14px 14px 0 0;max-height:92vh}
  .imsan-grid2{grid-template-columns:1fr !important}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(max-width:560px){
  .imsan-cards,.imsan-list{grid-template-columns:1fr !important}
  .imsan-stat,.imsan-kpi{min-width:100% !important}
}