.mtcsc-group__filters{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start;
  margin: 10px 0 16px;
}

.mtcsc-group__row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
}

.mtcsc-group__row--top .mtcsc-group__meta{ min-width: 90px; }
.mtcsc-group__filters label{ display:inline-flex; gap:8px; align-items:center; font-size:14px; font-weight:700; }
.mtcsc-group__filters select,
.mtcsc-group__filters input[type="date"]{
  height:36px;
  font-size:14px;
}
.mtcsc-group__filters select{ min-width:200px; }

/* Make the refresh button more prominent (layout only; no logic change) */
.mtcsc-group__filters #mtcsc-group-refresh{
  height:40px;
  min-width:110px;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
  border-radius:12px;
  border:1px solid #1d4ed8;
  background:#2563eb;
  color:#fff;
  cursor:pointer;
}
.mtcsc-group__filters #mtcsc-group-refresh:hover{ filter:brightness(1.02); }
.mtcsc-group__filters #mtcsc-group-refresh:active{ transform:translateY(1px); }
.mtcsc-group__filters #mtcsc-group-refresh:disabled{ opacity:.6; cursor:default; }
.mtcsc-group__meta{ opacity:.85; }
.mtcsc-group__grid{ display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:1100px){ .mtcsc-group__grid{ grid-template-columns:1fr 1fr; } }
.mtcsc-group__card{
  background:#fff; border:1px solid #e6e6ef; border-radius:14px; padding:14px;
}
.mtcsc-group__card h3{
  margin:2px 0 10px;
  font-size:16px;
  line-height:1.25;
  letter-spacing:.01em;
  word-break:break-word;
}
.mtcsc-group__chartWrap{ height:420px; }
.mtcsc-group__details{ margin-top:14px; }

.mtcsc-group-code{display:flex;gap:10px;align-items:center;margin-top:12px}
.mtcsc-group-code input{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px}
.mtcsc-alert-danger{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}

.mtcsc-group-demo{margin-top:10px;display:inline-block;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em}

/* Date picker (icon + readonly input) */
.mtcsc-date{display:inline-flex;align-items:center;gap:8px}
.mtcsc-date__btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer}
.mtcsc-date__btn:hover{background:#f8fafc}
.mtcsc-date__btn:active{transform:translateY(1px)}
.mtcsc-date__input{
  width:140px;
  padding:6px 10px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  font-variant-numeric:tabular-nums;
}

/* Make readonly date inputs look editable enough but still clear */
.mtcsc-date__input[readonly]{
  background:#fff;
}