/* The dashboard of admin.werkstatt-76.de, on the kit's base.css and kit.css. */
.dash-root, .dash { min-height: 100%; }
.dash { display: grid; grid-template-rows: auto 1fr; }
.dash-head { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 18px calc(10px); padding-top: calc(14px + env(safe-area-inset-top)); }
.dash-actions { display: flex; align-items: center; gap: 6px; }
.dash-main { width: min(1080px, 100%); margin: 0 auto; padding: 24px 18px 48px; }
.dash-title { margin: 8px 0 4px; font-size: clamp(30px, 6vw, 48px); letter-spacing: -0.03em; line-height: 1.05; }
.dash-lede { margin: 0 0 24px; color: var(--muted); }
.tiles { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .tiles { grid-template-columns: repeat(3, 1fr); } }
.tile { display: grid; grid-template-rows: auto auto 1fr auto; gap: 6px; min-height: 180px; padding: 20px;
  background: var(--sheet); border: 1.5px solid var(--ink); color: var(--ink); text-decoration: none;
  box-shadow: var(--lift); transition: transform 0.15s var(--ease), box-shadow 0.15s var(--ease); }
.tile:hover { transform: translateY(-2px); }
.tile:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.tile-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; font-size: 28px;
  color: var(--on-solid); background: var(--solid); margin-bottom: 6px; }
.tile-email .tile-icon { background: #24201C; color: #F3EDE1; }
.tile-plans .tile-icon { background: #356B47; color: #F3EDE1; }
.tile-board .tile-icon { background: #B15C39; color: #F3EDE1; }
.tile-name { font-size: 24px; font-weight: 700; letter-spacing: -0.01em; }
.tile-about { color: var(--muted); }
.tile-count { font-family: var(--font-form); font-weight: 700; font-size: 15px; padding-top: 8px; border-top: 1px solid var(--rule); }