/* URS Weekly Report front-end styles */
:root{
  --urs-bg: #ffffff;
  --urs-fg: #1d2327;
  --urs-muted: #677287;
  --urs-line: #e2e8f0;
  --urs-accent: #2271b1;
  --urs-pill: #f1f5f9;
  --urs-shadow: 0 8px 24px rgba(0,0,0,.06);
  --urs-radius: 12px;
  --urs-gap: 16px;
}
@media (prefers-color-scheme: dark){
  :root{
    --urs-bg: #111827;
    --urs-fg: #e5e7eb;
    --urs-muted: #a1a1aa;
    --urs-line: #1f2937;
    --urs-pill: #0f172a;
    --urs-shadow: 0 8px 24px rgba(0,0,0,.5);
  }
}
.urs-wrap{max-width:1100px;margin:24px auto; padding:0 12px; color:var(--urs-fg);}
.urs-card{
  background:var(--urs-bg);
  border:1px solid var(--urs-line);
  border-radius:var(--urs-radius);
  box-shadow:var(--urs-shadow);
  padding:24px;
}
.urs-card__head{margin-bottom:12px;}
.urs-title{margin:0 0 4px 0; font-size:1.25rem; line-height:1.3;}
.urs-subtitle{color:var(--urs-muted); font-size:.95rem;}
.urs-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:var(--urs-gap);
  align-items:end;
  margin-top:16px;
}
@media (max-width: 782px){
  .urs-grid{ grid-template-columns: 1fr; }
}
.urs-field label{
  display:block;
  font-weight:600;
  margin:0 0 6px 0;
}
.urs-field input[type="date"]{
  width:100%;
  height:42px;
  border:1px solid var(--urs-line);
  border-radius:10px;
  padding:0 10px;
  color:inherit;
  background:transparent;
}
.urs-range__pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px dashed var(--urs-line);
  background:var(--urs-pill);
  border-radius:999px;
  padding:8px 12px;
  font-weight:600;
}
.urs-range__pill span{ color:var(--urs-muted); font-weight:500; }
.urs-btnrow{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:6px;
}
.urs-alert{
  color:#b32d2e;
  background:#fff1f1;
  border:1px solid #facdcd;
  border-radius:10px;
  padding:12px 14px;
}
.button, .button-primary{ border-radius:10px !important; }

/* Tiles */
.urs-tiles{ display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:14px 0; }
.urs-tile{ border:1px solid var(--urs-line); background:#fff; border-radius:12px; padding:14px 16px; box-shadow:var(--urs-shadow); }
@media (prefers-color-scheme: dark){ .urs-tile{ background:#0b1220; } }
.urs-tile__label{ font-size:.9rem; color:var(--urs-muted); margin-bottom:4px; }
.urs-tile__value{ font-size:1.6rem; font-weight:800; }

/* Tables */
.urs-table-wrap{ overflow:auto; }
.urs-table{ width:100%; border-collapse:collapse; font-size:.95rem; }
.urs-table th, .urs-table td{ padding:10px 12px; border-bottom:1px solid var(--urs-line); }
.urs-table thead th{ text-align:left; background:#f8fafc; }
@media (prefers-color-scheme: dark){ .urs-table thead th{ background:#0f172a; } }
.urs-table-total td{ border-top:2px solid var(--urs-line); font-weight:700; }

/* ===== Decal Layout Grid Cleanup ===== */
.urs-decal-img-wrap {
  width: 100%;
  height: 220px;              /* 🔧 adjust if you want taller */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.urs-decal-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;        /* keeps aspect ratio */
}

#image-modal{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(0,0,0,.85);
  justify-content:center;
  align-items:center;
}

#image-modal-content{
  max-width:95vw;
  max-height:90vh;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

#modal-image{
  max-width:95vw;
  max-height:80vh;
  display:block;
  margin:0 auto;
}