/* DELOG Premium v2 (safe) – NO layout wrapping, only component polish + dashboard grids
   Works on top of delog-core.css + delog-table.css
*/
body.delog{
  --radiusP: 18px;
  --shadowP: 0 18px 40px rgba(0,0,0,.16);
}

/* Make existing cards/panels feel more premium without changing layout */
body.delog .card,
body.delog .panel,
body.delog .pagePanel,
body.delog .shell,
body.delog .box,
body.delog .containerCard{
  border-radius: var(--radiusP);
}

body.delog .card{
  box-shadow: var(--shadowP);
}

/* Buttons slightly more “DELOG” but not oversized */
body.delog button,
body.delog .btn{
  border-radius: 14px;
  font-weight: 900;
}

body.delog button.primary,
body.delog .btn.primary,
body.delog .btn-primary{
  background: linear-gradient(90deg, var(--primary), var(--primary2));
  color:#fff;
  border:0;
  box-shadow: 0 10px 18px rgba(13,107,112,.18);
}
body.delog button.primary:hover,
body.delog .btn.primary:hover,
body.delog .btn-primary:hover{
  filter: brightness(.98);
  box-shadow: 0 14px 24px rgba(13,107,112,.22);
}

/* Dashboard tiles / “Kassetten” – keep 2 columns where possible */
body.delog .tileGrid,
body.delog .tiles,
body.delog .cardsGrid,
body.delog .grid,
body.delog .dashboardGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

/* Common variants used across pages */
@media (min-width: 760px){
  body.delog .tileGrid,
  body.delog .tiles,
  body.delog .cardsGrid,
  body.delog .dashboardGrid{
    grid-template-columns: 1fr 1fr;
  }
  body.delog .tileGrid.three,
  body.delog .grid.three,
  body.delog .grid3{
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* If dashboards used flex “button lists”, turn them into 2-col grid on desktop */
body.delog .actionsGrid,
body.delog .btnGrid,
body.delog .menuGrid,
body.delog .kacheln,
body.delog .kassetten{
  display:grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media (min-width: 760px){
  body.delog .actionsGrid,
  body.delog .btnGrid,
  body.delog .menuGrid,
  body.delog .kacheln,
  body.delog .kassetten{
    grid-template-columns: 1fr 1fr;
  }
}
body.delog .actionsGrid .btn,
body.delog .btnGrid .btn,
body.delog .menuGrid .btn,
body.delog .kacheln .btn,
body.delog .kassetten .btn{
  width: 100%;
  justify-content: center;
}

/* Table polish small */
body.delog:not(.delog-calendar) thead th{ background:#f7fafc; }
body.delog:not(.delog-calendar) tbody tr:hover{ background: rgba(2,6,23,.03); }