/* Sideagroup 4WayShop Product Cross Check Bundle - Admin Styles */

.sideagroup_nav_icon_4ws {
    background: url(/bundles/sideagroupfourwayshopproductcrosscheck/img/4ws.svg) center center no-repeat !important;
    background-size: 20px !important;
}

.x-btn-4ws-toolbar {
    border: 1px solid rgb(197, 101, 4) !important;
    background-color: #F67E07 !important;
}

.x-btn-4ws-toolbar .x-btn-inner {
    color: white !important;
}

.sideagroup_nav_icon_crosscheck {
    background: url(/bundles/sideagroupfourwayshopproductcrosscheck/img/icons/crosscheck.svg) center center no-repeat !important;
    background-size: 16px !important;
}

.sideagroup_nav_icon_config {
    background: url(/bundles/sideagroupfourwayshopproductcrosscheck/img/icons/config.svg) center center no-repeat !important;
    background-size: 16px !important;
}

.sideagroup_main_menu_icon {
    background: url(/bundles/sideagroupfourwayshopproductcrosscheck/img/sideagroup.svg) center center no-repeat !important;
    background-size: 16px !important;
}

/* Cross Check Panel Styles */
.sideagroup-crosscheck-panel .x-panel-body {
    background: #f5f5f5;
}

.sideagroup-crosscheck-grid .x-grid-row-selected {
    background-color: #E6F3FF !important;
}

.sideagroup-crosscheck-matching {
    background-color: #d4edda !important;
}

.sideagroup-crosscheck-missing {
    background-color: #f8d7da !important;
}

.sideagroup-crosscheck-additional {
    background-color: #fff3cd !important;
}

/* Configuration Panel Styles */
.sideagroup-config-panel fieldset {
    margin-bottom: 15px;
}

.sideagroup-config-panel .x-form-item {
    margin-bottom: 10px;
}

.sideagroup-config-panel .x-fieldset-header {
    font-weight: bold;
    background: #f0f0f0;
}

/* Status indicators */
.sideagroup-status-ready {
    color: #28a745;
    font-weight: bold;
}

.sideagroup-status-error {
    color: #dc3545;
    font-weight: bold;
}

.sideagroup-status-warning {
    color: #ffc107;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sideagroup-crosscheck-panel {
        width: 90% !important;
        height: 80% !important;
    }
    
    .sideagroup-config-panel .x-form-item label {
        width: 100% !important;
    }
}