/**
 * Seasonal Stock Checker - Admin CSS
 * 
 * Styles for the Pimcore admin panel
 * @requirements 5.4, 9.1
 */

/* Menu icon styles */
.sideagroup_seasonal_stock_checker_menu_icon {
    background: url('/bundles/sideagroupseasonalstockchecker/img/stock-checker.svg') center center no-repeat !important;
    background-size: 16px 16px !important;
}

/* Out of stock row highlighting */
.ssc-out-of-stock-row {
    background-color: #fdecea !important;
}

.ssc-out-of-stock-row .x-grid-cell {
    background-color: #fdecea !important;
}

.ssc-out-of-stock-row:hover {
    background-color: #f8d7da !important;
}

.ssc-out-of-stock-row:hover .x-grid-cell {
    background-color: #f8d7da !important;
}

/* Selected out of stock row */
.ssc-out-of-stock-row.x-grid-item-selected {
    background-color: #f5c6cb !important;
}

.ssc-out-of-stock-row.x-grid-item-selected .x-grid-cell {
    background-color: #f5c6cb !important;
}

/* Progress bar styling */
.ssc-progress-bar .x-progress-bar {
    background-color: #3498db;
}

.ssc-progress-bar .x-progress-text {
    color: #2c3e50;
    font-weight: bold;
}

/* Panel header icon */
.ssc-panel-icon {
    background: url('/bundles/sideagroupseasonalstockchecker/img/stock-checker.svg') center center no-repeat !important;
    background-size: contain !important;
}

/* Status badges */
.ssc-status-in-stock {
    color: #27ae60;
    font-weight: bold;
}

.ssc-status-out-of-stock {
    color: #c0392b;
    font-weight: bold;
}

/* Toolbar styling */
.ssc-toolbar-count {
    font-weight: bold;
    margin-right: 10px;
}

.ssc-toolbar-count-warning {
    color: #c0392b;
    font-weight: bold;
}

/* Grid empty text */
.ssc-empty-text {
    color: #7f8c8d;
    font-style: italic;
    padding: 20px;
    text-align: center;
}

/* Configuration form styling */
.ssc-config-form .x-form-item-label {
    font-weight: bold;
}

/* Button styling */
.ssc-btn-primary {
    background-color: #3498db !important;
}

.ssc-btn-danger {
    background-color: #e74c3c !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1200px) {
    .ssc-grid-column-description {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}