
/* Service History Page - scoped only */
.history-page{display:flex;flex-direction:column;gap:18px}.history-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:26px 30px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,254,255,.92));border:1px solid rgba(148,163,184,.28);box-shadow:var(--shadow);position:relative;overflow:hidden}.history-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:280px;height:280px;border-radius:999px;background:linear-gradient(135deg,rgba(45,212,191,.22),rgba(37,99,235,.12));pointer-events:none}.history-hero h2{font-size:32px;margin:0;color:#082f49}.history-hero p:not(.eyebrow){margin:8px 0 0;color:var(--muted);max-width:860px}.history-filter{position:relative;z-index:1;min-width:220px}.history-filter label{display:flex;flex-direction:column;gap:8px;font-weight:900;color:var(--teal)}.history-filter select{border:1px solid #5eead4;border-radius:16px;padding:12px 14px;background:#fff;font-family:inherit;font-weight:800;color:#0f172a;outline:none}.history-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:10px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.24);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.history-tab{border:1px solid rgba(148,163,184,.32);background:#fff;color:#0f172a;border-radius:16px;padding:12px 18px;font-family:inherit;font-weight:900;cursor:pointer;transition:.16s}.history-tab:hover{transform:translateY(-1px);border-color:var(--mint);color:var(--teal)}.history-tab.active{background:linear-gradient(135deg,#99f6e4,#dbeafe);border-color:var(--mint);color:#064e3b}.history-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.history-kpi-card{position:relative;overflow:hidden;min-height:126px;border-radius:26px;padding:18px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.24);box-shadow:var(--shadow);display:grid;align-content:space-between}.history-kpi-card:before{content:"";position:absolute;right:-30px;top:-32px;width:118px;height:118px;border-radius:999px;background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(37,99,235,.12))}.history-kpi-card span{font-weight:900;color:#0f172a;position:relative}.history-kpi-card strong{font-size:36px;color:var(--teal);text-align:right;position:relative}.history-kpi-card small{text-align:right;font-weight:900;color:#475569;position:relative}.history-tab-panel{display:none}.history-tab-panel.active{display:block}.history-grid{display:grid;gap:18px}.history-grid.two{grid-template-columns:1fr 1fr}.history-card{min-height:430px;border-radius:28px;padding:22px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.24);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.history-card.full{min-height:500px}.history-card h3{margin:0 0 16px;color:#0f172a;font-size:21px}.history-card canvas{width:100%!important;max-height:350px}.history-card.full canvas{max-height:420px}.insight-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,254,255,.9))}.insight-list{display:grid;gap:12px}.insight-row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:rgba(248,250,252,.86);border:1px solid rgba(148,163,184,.18)}.insight-row span{color:#334155;font-weight:800}.insight-row strong{color:var(--teal);font-size:22px}@media(max-width:1280px){.history-kpi-grid{grid-template-columns:repeat(3,1fr)}.history-grid.two{grid-template-columns:1fr}}@media(max-width:760px){.history-hero{flex-direction:column;align-items:flex-start}.history-kpi-grid{grid-template-columns:1fr}.history-card{min-height:360px}.history-tabs{gap:8px}.history-tab{padding:10px 12px}}

.history-year-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #99f6e4, #dbeafe);
  border: 1px solid rgba(20, 184, 166, .45);
  color: #0f766e;
  font-size: 14px;
  font-weight: 900;
  vertical-align: middle;
}

.selected-year-card {
  border-radius: 24px;
  padding: 18px 20px;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #0f766e, #0891b2 62%, #2563eb);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 118, 110, .22);
}

.selected-year-card span {
  display: block;
  font-weight: 800;
  opacity: .9;
  margin-bottom: 4px;
}

.selected-year-card strong {
  display: block;
  font-size: 46px;
  line-height: 1;
  letter-spacing: .04em;
}
