/**
 * Dashboard widgets — theme surfaces + professional card layout.
 */
body.hkits-app .hkits-main-inner .summary-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
    border-radius: var(--hkits-ui-radius-lg, var(--hkits-ui-radius, 10px)) !important;
    box-shadow: var(--hkits-ui-panel-shadow, 0 2px 12px rgba(15, 23, 42, 0.07)) !important;
    color: var(--hkits-text, #0f172a) !important;
    padding: 16px 18px !important;
    min-height: 132px !important;
    height: auto !important;
    gap: 4px !important;
}

body.hkits-app .hkits-main-inner .summary-cards {
    gap: 14px !important;
}

body.hkits-app .hkits-main-inner .summary-card .card-header {
    margin-bottom: 8px !important;
}

body.hkits-app .hkits-main-inner .summary-card .card-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.15rem !important;
}

body.hkits-app .hkits-main-inner .summary-card::before {
    background: var(--hkits-accent) !important;
}

body.hkits-app .hkits-main-inner .summary-card:hover {
    border-color: var(--hkits-accent) !important;
    transform: none !important;
    box-shadow: var(--hkits-ui-panel-shadow, 0 4px 16px rgba(15, 23, 42, 0.1)) !important;
}

body.hkits-app .hkits-main-inner .shops-overview {
    padding: 18px 20px !important;
    border-radius: var(--hkits-ui-radius-lg, 12px) !important;
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
}

body.hkits-app .hkits-main-inner .shops-overview-header {
    margin-bottom: 16px !important;
}

body.hkits-app .hkits-main-inner .shops-grid {
    gap: 14px !important;
}

body.hkits-app .hkits-main-inner .shop-overview-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
    border-radius: var(--hkits-ui-radius-lg, 12px) !important;
    box-shadow: var(--hkits-ui-panel-shadow, 0 2px 12px rgba(15, 23, 42, 0.07)) !important;
    color: var(--hkits-text, #0f172a) !important;
    padding: 16px 16px 16px 20px !important;
    min-height: 0 !important;
}

body.hkits-app .hkits-main-inner .shop-overview-card-head .card-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.1rem !important;
}

body.hkits-app .hkits-main-inner .shop-selected-pill {
    font-size: var(--hkits-dashboard-small-size, 1.1rem) !important;
    padding: 5px 10px !important;
}

body.hkits-app .hkits-main-inner .shop-stat-pill {
    padding: 12px 14px !important;
    background: var(--hkits-dashboard-widget-bg-alt, #ffffff) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
}

body.hkits-app .hkits-main-inner .chart-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
    border-radius: var(--hkits-ui-radius-lg, var(--hkits-ui-radius, 10px)) !important;
    box-shadow: var(--hkits-ui-panel-shadow, 0 2px 12px rgba(15, 23, 42, 0.07)) !important;
    color: var(--hkits-text, #0f172a) !important;
}

body.hkits-app .hkits-main-inner .chart-card::before {
    background: var(--hkits-accent) !important;
}

body.hkits-app .hkits-main-inner .table-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border: 1px solid var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
    border-radius: var(--hkits-ui-radius-lg, var(--hkits-ui-radius, 10px)) !important;
    box-shadow: var(--hkits-ui-panel-shadow, 0 2px 12px rgba(15, 23, 42, 0.07)) !important;
    color: var(--hkits-text, #0f172a) !important;
}

body.hkits-app .hkits-main-inner .quick-actions-btn,
body.hkits-app .hkits-main-inner .btn-primary {
    background-color: var(--hkits-btn-primary-bg, var(--hkits-accent)) !important;
    border-color: var(--hkits-btn-primary-border, var(--hkits-primary-dark)) !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.hkits-app .hkits-main-inner .btn-primary:hover,
body.hkits-app .hkits-main-inner .btn-primary:focus {
    background-color: var(--hkits-accent-hover, var(--hkits-primary-dark)) !important;
    border-color: var(--hkits-primary-dark) !important;
}