/* Theme: green, grey, sky-blue, off-white */
:root{
  --vk-green:#2e7d32;
  --vk-green-700:#1b5e20;
  --vk-sky:#0ea5e9;
  --vk-grey:#6c757d;
  --vk-offwhite:#f7f9fb;
  --vk-border:#e5e7eb;
}
.bg-offwhite{ background:var(--vk-offwhite); }
.text-green{ color:var(--vk-green); }

.vk-topbar{
  background:#fff;
}
.vk-logo{ height:40px; }

.vk-icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:8px;
  background:#eef6f0; color:var(--vk-green); text-decoration:none;
  border:1px solid var(--vk-border);
}
.vk-icon-btn:hover{ background:#e2f1e6; }

.btn-green{
  background:var(--vk-green); color:#fff; border:1px solid var(--vk-green-700);
}
.btn-green:hover{ background:var(--vk-green-700); color:#fff; }

.btn-outline-green{
  color:var(--vk-green); background:#fff; border:1px solid var(--vk-green);
}
.btn-outline-green:hover{ background:#ecf6ee; color:var(--vk-green); }

.btn-sky{ background:var(--vk-sky); color:#fff; border:1px solid #0b74a5; }
.btn-sky:hover{ background:#0b74a5; color:#fff; }

/* "Table-like card rows" */
.vk-rowcard{
  border:1px solid var(--vk-border);
  border-radius:12px; overflow:hidden; background:#fff;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.vk-rowcard-head{
  display:grid; grid-template-columns: 2.2fr 1.4fr 1.2fr 1.2fr 1.2fr 0.7fr;
  gap:12px; padding:10px 16px; background:#f1f5f9; color:#334155; font-weight:600; font-size:.9rem;
  border-bottom:1px solid var(--vk-border);
}
.vk-rowcard-item{
  display:grid; grid-template-columns: 2.2fr 1.4fr 1.2fr 1.2fr 1.2fr 0.7fr;
  gap:12px; padding:14px 16px; border-bottom:1px solid var(--vk-border);
}
.vk-rowcard-item:last-child{ border-bottom:0; }
.vk-col-title{ font-weight:600; color:#0f172a; }