/* =========================================
   TILES WIDGETS
   ========================================= */

/* Mobile-First: 011-ui-mobile.mdc 003 - Tile-Innenabstand auf Mobile max 20px */
.base-tile {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 24px;
    min-height: 88px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-md);
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.base-tile:hover {
    box-shadow: var(--shadow-lg);
    border-color: var(--color-border-highlight);
    transform: translateY(-2px);
}

@media (min-width: 600px) {
    .base-tile {
        padding: 28px;
    }
}

.base-tile-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.base-tile-label {
    font-weight: 600;
    color: var(--color-text-muted);
}