/* White content surfaces contrast against the blue SI workspace. */
.site-header{background:rgba(255,255,255,.97)}
.card{border-color:#d2e1ef;background:#fff;box-shadow:0 10px 30px rgba(22,69,116,.11)}
.card:hover{border-color:#b8d2ea;box-shadow:var(--shadow)}
.stat-card{border-color:#d1e1ef;background:#fff;box-shadow:0 9px 26px rgba(22,69,116,.11)}
.table-wrap{border-color:#cfdfed;background:#fff;box-shadow:0 6px 19px rgba(22,69,116,.06)}
table,.priority-legend{background:#fff}
.priority-legend{box-shadow:0 5px 16px rgba(22,69,116,.055)}
.notification-preference{background:#fff;box-shadow:0 8px 24px rgba(22,69,116,.07)}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;color:#71849a;font-size:.78rem}.pagination>div{display:flex;align-items:center;gap:10px}.pagination .btn{min-height:36px;padding:7px 12px}

/* Lightweight dashboard trend chart. */
.claim-trend-card{display:grid;grid-template-columns:285px minmax(0,1fr);align-items:stretch;gap:30px;overflow:hidden}
.claim-trend-heading{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;gap:22px;margin:0;padding-right:26px;border-right:1px solid #e0eaf3}
.claim-trend-heading h2{margin:4px 0 1px}
.claim-trend-heading p{margin:0;font-size:.8rem}
.trend-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trend-summary>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 5px;min-width:0;padding:10px 11px;border:1px solid #dce8f3;border-radius:11px;background:#f8fbff}
.trend-summary span{grid-column:1/-1;color:#71849a;font-size:.68rem;font-weight:700}
.trend-summary strong{color:#12345a;font-size:1.25rem;line-height:1.2}
.trend-summary small{color:#8191a4;font-size:.68rem}
.trend-summary .trend-up{color:#cf4038}
.trend-summary .trend-down{color:#41945c}
.claim-chart{position:relative;align-self:end;width:100%;padding-top:0}
.claim-chart svg{display:block;width:100%;height:165px;overflow:visible}
.chart-baseline{stroke:#cbdbea;stroke-width:1}
.chart-area{fill:url(#claimChartFill)}
.chart-line{fill:none;stroke:#2878f0;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chart-guide{stroke:#8bb6e8;stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.chart-dot-ring{fill:#fff;stroke:#b9d5f4;stroke-width:2}
.chart-dot{fill:#2878f0}
.chart-value{fill:#23466d;font-size:12px;font-weight:750}
.chart-labels{display:grid;grid-template-columns:repeat(6,1fr);margin:-14px 0 0;color:#75879b;font-size:.7rem;font-weight:650;text-align:center}

/* Compact claim detail and workflow editor. */
.claim-main-grid{display:grid;gap:22px;margin-bottom:22px}
.update-card{padding:26px 28px}
.update-card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.update-card-heading h2{margin:4px 0 0}
.update-form{display:grid;gap:18px}
.update-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.update-primary-grid label,.update-note-grid>label,.update-advanced-grid label{min-width:0}
.update-note-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}
.update-note-grid textarea{min-height:86px;resize:vertical}
.update-note-grid .check-label{min-height:46px;margin-bottom:1px;padding:0 4px;white-space:nowrap}
.update-advanced{overflow:hidden;border:1px solid #d2e1ef;border-radius:14px;background:#f8fbff}
.update-advanced summary{display:flex;align-items:center;gap:10px;padding:15px 18px;color:#183553;font-weight:750;cursor:pointer;list-style-position:inside;user-select:none}
.update-advanced summary small{color:#71869c;font-size:.78rem;font-weight:500}
.update-advanced[open] summary{border-bottom:1px solid #dbe7f2;background:#f2f8fe}
.update-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:18px}
.update-advanced-grid .advanced-wide{grid-column:span 2}
.update-advanced-grid textarea{min-height:74px;resize:vertical}
.update-actions{display:flex;justify-content:flex-end;padding-top:2px}
.update-actions .btn{min-width:190px}

@media (max-width:1100px){
  .update-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .update-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .claim-trend-card{grid-template-columns:1fr;gap:18px}
  .claim-trend-heading{padding-right:0;padding-bottom:16px;border-right:0;border-bottom:1px solid #e0eaf3}
  .trend-summary{width:min(100%,390px)}
}
@media (max-width:700px){
  .pagination{align-items:flex-start;flex-direction:column}
  .claim-trend-heading{gap:14px}
  .trend-summary{width:100%}
  .trend-summary>div{min-width:0;flex:1}
  .claim-chart{overflow-x:auto;padding-bottom:5px}
  .claim-chart svg,.claim-chart .chart-labels{min-width:580px}
  .update-card{padding:20px 16px}
  .update-card-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .update-primary-grid,.update-note-grid,.update-advanced-grid{grid-template-columns:1fr}
  .update-note-grid .check-label{min-height:auto;white-space:normal}
  .update-advanced summary{align-items:flex-start;flex-direction:column;gap:3px}
  .update-advanced-grid .advanced-wide{grid-column:auto}
  .update-actions .btn{width:100%}
}