.tuk-sheets-blocks-grid { display:grid; gap:16px; }
.tuk-sheets-blocks-grid.cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.tuk-sheets-blocks-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.tuk-sheets-blocks-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.tuk-sheets-blocks-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.tuk-sheets-blocks-grid.cols-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }

/* Base look */
.tuk-card { background:#0b1220; color:#ecf0f3; border-radius:16px; padding:18px 20px; box-shadow:0 6px 18px rgba(0,0,0,0.08); position:relative; }
.tuk-card-title { opacity:.85; font-size:14px; margin-bottom:6px; letter-spacing:.2px; }
.tuk-card-value { font-size:28px; font-weight:700; line-height:1.2; cursor:default; }

/* Responsive sizes */
@media (max-width: 640px) {
  .tuk-card.mb-sm { padding:12px 14px; }
  .tuk-card.mb-md { padding:16px 18px; }
  .tuk-card.mb-lg { padding:22px 24px; }
  .tuk-card.mb-xl { padding:28px 30px; }

  .tuk-card.mb-sm .tuk-card-title { font-size:12px; }
  .tuk-card.mb-md .tuk-card-title { font-size:13px; }
  .tuk-card.mb-lg .tuk-card-title { font-size:15px; }
  .tuk-card.mb-xl .tuk-card-title { font-size:17px; }

  .tuk-card.mb-sm .tuk-card-value { font-size:22px; }
  .tuk-card.mb-md .tuk-card-value { font-size:26px; }
  .tuk-card.mb-lg .tuk-card-value { font-size:32px; }
  .tuk-card.mb-xl .tuk-card-value { font-size:38px; }
}

@media (min-width: 641px) and (max-width: 1024px) {
  .tuk-card.tb-sm { padding:14px 16px; }
  .tuk-card.tb-md { padding:18px 20px; }
  .tuk-card.tb-lg { padding:24px 26px; }
  .tuk-card.tb-xl { padding:30px 32px; }

  .tuk-card.tb-sm .tuk-card-title { font-size:13px; }
  .tuk-card.tb-md .tuk-card-title { font-size:14px; }
  .tuk-card.tb-lg .tuk-card-title { font-size:16px; }
  .tuk-card.tb-xl .tuk-card-title { font-size:18px; }

  .tuk-card.tb-sm .tuk-card-value { font-size:24px; }
  .tuk-card.tb-md .tuk-card-value { font-size:28px; }
  .tuk-card.tb-lg .tuk-card-value { font-size:34px; }
  .tuk-card.tb-xl .tuk-card-value { font-size:40px; }
}

@media (min-width: 1025px) {
  .tuk-card.dt-sm { padding:16px 18px; }
  .tuk-card.dt-md { padding:22px 24px; }
  .tuk-card.dt-lg { padding:28px 30px; }
  .tuk-card.dt-xl { padding:34px 36px; }

  .tuk-card.dt-sm .tuk-card-title { font-size:14px; }
  .tuk-card.dt-md .tuk-card-title { font-size:16px; }
  .tuk-card.dt-lg .tuk-card-title { font-size:18px; }
  .tuk-card.dt-xl .tuk-card-title { font-size:20px; }

  .tuk-card.dt-sm .tuk-card-value { font-size:26px; }
  .tuk-card.dt-md .tuk-card-value { font-size:32px; }
  .tuk-card.dt-lg .tuk-card-value { font-size:38px; }
  .tuk-card.dt-xl .tuk-card-value { font-size:44px; }
}

.tuk-card-value.editable { cursor:pointer; outline: none; }
.tuk-edit-hint { position:absolute; bottom:10px; right:14px; font-size:11px; opacity:.55; }
.tuk-sheets-blocks-error, .tuk-sheets-blocks-empty { background:#fff4f4; color:#a40000; border:1px solid #ffd7d7; padding:12px 14px; border-radius:8px; }