/*
 | Custom Control Panel CSS.
 | Loaded via config/statamic/cp.php `custom_css_url` -> route `/hmg/cp-dashboard.css`.
 |
 | The CP strips inline <style> blocks from widget HTML (Vue), so hover/transition
 | polish for the dashboard welcome widget lives here. Base layout/colors stay inline
 | on the widget itself (so it still looks right even if this file fails to load).
 | !important is needed to beat the widget's inline styles on hover.
 */

.hmg-tile {
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.hmg-tile:hover {
    border-color: #2f9fc4 !important;
    box-shadow: 0 8px 20px rgba(47, 156, 196, 0.16);
    transform: translateY(-2px);
}

.hmg-hublink {
    transition: background 0.15s ease, border-color 0.15s ease;
}

.hmg-hublink:hover {
    background: rgba(47, 156, 196, 0.12) !important;
    border-color: #2f9fc4 !important;
}

.dark .hmg-tile:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}