/* static/css/crea_squadra/config.css */

/* Configurazione in alto - stile orizzontale con header */
.config-section {
    background: #f8f9fa;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}
.config-section .card-header {
    background: #e9ecef;
    padding: 10px 20px;
    border-bottom: 1px solid #dee2e6;
}
.config-section .card-header h5 {
    margin: 0;
    font-weight: 600;
}
.config-section .card-body {
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 15px;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}
.config-section .form-group {
    flex: 1 1 auto;
    min-width: 150px;
}
.config-section .form-group label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 2px;
    color: #495057;
}
.config-section .form-control,
.config-section .form-select {
    height: 38px;
    font-size: 14px;
}
.config-section .btn-save {
    flex: 0 0 auto;
    min-width: 160px;
    height: 38px;
    font-size: 14px;
}
.config-section .status-message {
    flex: 0 0 100%;
    margin-top: 5px;
}
.config-section .card-body .form-group:last-child {
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}

/* Stili per il dropdown del salvataggio */
.btn-group {
    position: relative;
    z-index: 1000;
}
.btn-group .dropdown-toggle-split {
    padding-left: 8px;
    padding-right: 8px;
}
.dropdown-menu {
    z-index: 9999 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 2px !important;
    min-width: 220px !important;
}
.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}
.dropdown-menu .dropdown-item {
    padding: 8px 16px;
    cursor: pointer;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
}
.dropdown-menu .dropdown-item i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}
.dropdown-menu .dropdown-item small {
    color: #6c757d;
}