/* Modern dashboard skin (Hsabaty Lookup) */
:root{
  --hs-primary:#0B703A;
  --hs-green:#1e703a;
  --hs-bg:#f6f8fb;
  --hs-card:#ffffff;
  --hs-text:#0f172a;
  --hs-muted:#64748b;
  --hs-radius:18px;
  --hs-shadow:0 10px 30px rgba(15,23,42,0.08);
  --hs-shadow-soft:0 6px 18px rgba(15,23,42,0.06);
}

.hsabaty-lookup-wrap{
  max-width:760px;
  margin:20px auto;
  padding:18px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--hs-bg);
  border-radius:var(--hs-radius);
}

.hsabaty-form label{font-weight:600;margin-bottom:6px;color:var(--hs-text);}
.hsabaty-form input{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
}
.hsabaty-form button{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:0;
  background:var(--hs-primary);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:var(--hs-shadow-soft);
}

/* Base card */
.hs-card,
.hsabaty-card{
  background:var(--hs-card);
  border-radius:var(--hs-radius);
  box-shadow:var(--hs-shadow);
  padding:16px;
  margin:0 0 14px 0;
  border:1px solid rgba(15,23,42,0.06);
}

.hs-dashboard{display:flex;flex-direction:column;gap:14px;}
.hs-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hs-header-left{display:flex;align-items:center;gap:12px;min-width:0;}
.hs-avatar{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(11,112,58,0.12);
  color:var(--hs-primary);
  font-weight:800;
}
.hs-header-meta{min-width:0;}
.hs-title{font-size:18px;font-weight:800;color:var(--hs-text);line-height:1.2;}
.hs-sub{color:var(--hs-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.hs-client-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 12px;
}
.hs-client-grid div{
  display:flex;
  flex-direction:column;
  gap:2px;
  background:rgba(15,23,42,0.02);
  border:1px solid rgba(15,23,42,0.06);
  border-radius:14px;
  padding:10px 12px;
}
.hs-client-grid span{font-size:11px;color:var(--hs-muted);font-weight:800;text-transform:uppercase;letter-spacing:0.03em;}
.hs-client-grid strong{font-size:13px;color:var(--hs-text);font-weight:900;}

.hs-header-actions{display:flex;gap:8px;flex-wrap:wrap;}
.hs-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:14px;
  font-weight:700;font-size:13px;
  text-decoration:none;
  border:1px solid rgba(15,23,42,0.12);
  color:var(--hs-text);
  background:#fff;
}
.hs-btn:hover{filter:brightness(0.98);}
.hs-btn-outline{background:#fff;}
.hs-btn-wa{background:#25D366;color:#fff;border-color:rgba(0,0,0,0);}

/* Highlight */
.hs-highlight{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(135deg, rgba(11,112,58,0.10), rgba(11,112,58,0.02));
  border-color:rgba(11,112,58,0.18);
}
.hs-highlight-kicker{font-size:12px;color:var(--hs-muted);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}
.hs-highlight-value{font-size:28px;font-weight:900;color:var(--hs-text);line-height:1.1;margin-top:4px;}
.hs-km-number{animation:hsPulse 1.1s ease-in-out infinite;}
@keyframes hsPulse{0%{color:var(--hs-text);}50%{color:#dc2626;}100%{color:var(--hs-text);}}
.hs-km{font-size:14px;font-weight:800;color:var(--hs-muted);}
.hs-highlight-sub{font-size:13px;color:var(--hs-muted);margin-top:6px;}
.hs-highlight-badge{
  width:42px;height:42px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(11,112,58,0.14);
  font-size:18px;
}

/* Grid stats */
.hs-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
@media (max-width: 640px){
  /* garder les 3 tuiles sur une seule ligne */
  .hs-grid{
    display:flex;
    gap:10px;
    flex-wrap:nowrap;
  }
  .hs-stat{
    flex:1;
    min-width:0;
    aspect-ratio:1 / 1;
    min-height:auto;
  }
  .hs-sub{white-space:normal;}
  .hs-client-grid{grid-template-columns:1fr;}
}
.hs-stat{padding:16px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;aspect-ratio:1 / 1;}
.hs-stat-label{font-size:13px;color:var(--hs-muted);font-weight:900;text-transform:uppercase;letter-spacing:0.04em;}
.hs-stat-value{font-size:28px;font-weight:900;color:var(--hs-text);margin-top:8px;}

/* Sections */
.hs-sections{display:flex;flex-direction:column;gap:12px;}
.hs-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.hs-section-title{font-size:15px;font-weight:900;color:var(--hs-text);}
.hs-section-sub{font-size:12px;color:var(--hs-muted);margin-top:2px;}
.hs-toggle{
  border:1px solid rgba(15,23,42,0.14);
  background:#fff;
  padding:8px 10px;
  border-radius:12px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
}
.hs-toggle:hover{filter:brightness(0.98);}

/* Green history card */
.hs-section-green{
  background:var(--hs-green) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,0.14) !important;
}
.hs-section-green .hs-section-title,
.hs-section-green .hs-section-sub,
.hs-section-green .hs-toggle,
.hs-section-green .hs-item-title,
.hs-section-green .hs-footnote,
.hs-section-green .hs-empty,
.hs-section-green .hs-list li{
  color:#fff !important;
}
.hs-section-green .hs-toggle{
  background:rgba(255,255,255,0.10);
  border-color:rgba(255,255,255,0.22);
}

/* Items */
.hs-item{padding:12px 0;border-top:1px solid rgba(255,255,255,0.18);}
.hs-item:first-child{border-top:0;padding-top:0;}
.hs-item-title{font-weight:900;font-size:13px;margin-bottom:8px;}
.hs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.hs-chip{
  display:inline-flex;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:12px;
}
.hs-list{margin:0;padding-left:18px;}
.hs-list li{margin:4px 0;font-size:13px;}
.hs-list-plain{list-style:none;padding-left:0;}
.hs-list-plain li{padding:8px 10px;border-radius:14px;background:rgba(15,23,42,0.03);border:1px solid rgba(15,23,42,0.06);}
.hs-section-green .hs-list-plain li{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.18);}

.hs-more{opacity:0.9;}
.hs-footnote{margin-top:10px;font-size:12px;opacity:0.95;}
.hs-empty{padding:12px 0;font-size:13px;opacity:0.95;}

/* Error */
.hs-error{border-left:6px solid #ef4444;}


/* Reserve */
.hs-btn-wide{width:100%;justify-content:center;}
.hs-reserve .hs-section-sub{color:var(--hs-muted);} 

.hs-btn-wide{width:100%;justify-content:center;}
.hs-reserve .hs-section-sub{color:var(--hs-muted);} 
.hs-km-record-body{color:var(--hs-muted);font-size:13px;line-height:1.4;}