/* v0.9.2 UI reale: toggle switch, select moderne, input coerenti */
.wpprot-wrap input[type="checkbox"],
.wpprot-frontend input[type="checkbox"]{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:46px!important;
    height:24px!important;
    min-width:46px!important;
    max-width:46px!important;
    border:1px solid #c3c4c7!important;
    border-radius:999px!important;
    background:#dcdcde!important;
    cursor:pointer!important;
    position:relative!important;
    vertical-align:middle!important;
    margin:0 8px 0 0!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.08)!important;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.wpprot-wrap input[type="checkbox"]:before,
.wpprot-frontend input[type="checkbox"]:before{
    content:""!important;
    position:absolute!important;
    top:3px!important;
    left:3px!important;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.28)!important;
    transform:none!important;
    margin:0!important;
    transition:left .18s ease!important;
}
.wpprot-wrap input[type="checkbox"]:checked,
.wpprot-frontend input[type="checkbox"]:checked{
    background:#2271b1!important;
    border-color:#2271b1!important;
}
.wpprot-wrap input[type="checkbox"]:checked:before,
.wpprot-frontend input[type="checkbox"]:checked:before{
    left:25px!important;
}
.wpprot-wrap input[type="checkbox"]:focus,
.wpprot-frontend input[type="checkbox"]:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(34,113,177,.18)!important;
}
.wpprot-wrap label:has(input[type="checkbox"]),
.wpprot-frontend label:has(input[type="checkbox"]){
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:30px!important;
    font-weight:600!important;
    color:#1d2327!important;
}
.wpprot-wrap select,
.wpprot-frontend select{
    appearance:none!important;
    -webkit-appearance:none!important;
    min-height:40px!important;
    padding:8px 38px 8px 12px!important;
    border:1px solid #c3c4c7!important;
    border-radius:8px!important;
    background-color:#fff!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%23646970' d='M5.6 7.4 10 11.8l4.4-4.4 1.2 1.2-5.6 5.6-5.6-5.6z'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 12px center!important;
    background-size:18px!important;
    box-shadow:0 1px 1px rgba(0,0,0,.03)!important;
}
.wpprot-wrap select:hover,
.wpprot-frontend select:hover,
.wpprot-wrap input[type="text"]:hover,
.wpprot-wrap input[type="number"]:hover,
.wpprot-wrap input[type="date"]:hover,
.wpprot-wrap input[type="search"]:hover,
.wpprot-wrap textarea:hover{
    border-color:#8c8f94!important;
}
.wpprot-wrap .form-table td > label,
.wpprot-wrap .wpprot-inline-form label{
    background:#f6f7f7!important;
    border:1px solid #dcdcde!important;
    border-radius:999px!important;
    padding:4px 10px 4px 4px!important;
    margin:2px 6px 2px 0!important;
}
.wpprot-wrap .wpprot-inline-form{
    gap:10px!important;
    align-items:center!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid #e5e5e5!important;
    border-radius:10px!important;
}
.wpprot-wrap .widefat,
.wpprot-wrap table.widefat{
    border-radius:12px!important;
    overflow:hidden!important;
    border:1px solid #dcdcde!important;
    box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.wpprot-wrap .widefat thead th{
    background:#f0f6fc!important;
    color:#1d2327!important;
    font-weight:700!important;
    border-bottom:1px solid #c3d9ee!important;
}
.wpprot-wrap .widefat tbody tr:hover td{
    background:#f8fbff!important;
}
.wpprot-wrap input.small-text{
    max-width:86px!important;
}
.wpprot-wrap input.regular-text{
    max-width:560px!important;
}


/* v1.6.7 - Compattazione righe e form inline nelle videate amministrative */
.wpprot-wrap .widefat th,
.wpprot-wrap .widefat td,
.wpprot-wrap table.widefat th,
.wpprot-wrap table.widefat td{
    padding:6px 10px!important;
    line-height:1.25!important;
    vertical-align:middle!important;
}
.wpprot-wrap .widefat tbody tr,
.wpprot-wrap table.widefat tbody tr{
    min-height:0!important;
}
.wpprot-wrap .widefat code,
.wpprot-wrap table.widefat code{
    padding:1px 5px!important;
    line-height:1.2!important;
}
.wpprot-wrap .wpprot-inline-form{
    display:grid!important;
    grid-template-columns:minmax(120px,1.1fr) minmax(70px,.6fr) minmax(220px,2.2fr) 82px 82px auto auto minmax(160px,1.4fr) auto!important;
    gap:6px 8px!important;
    align-items:center!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    min-height:0!important;
}
.wpprot-wrap .wpprot-inline-form input,
.wpprot-wrap .wpprot-inline-form select,
.wpprot-wrap .wpprot-inline-form textarea{
    min-height:30px!important;
    height:30px!important;
    padding:4px 8px!important;
    font-size:13px!important;
    line-height:1.2!important;
    max-width:100%!important;
}
.wpprot-wrap .wpprot-inline-form select{
    padding-right:30px!important;
    background-position:right 8px center!important;
}
.wpprot-wrap .wpprot-inline-form input[type="checkbox"]{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:20px!important;
    min-height:20px!important;
    margin-right:4px!important;
}
.wpprot-wrap .wpprot-inline-form input[type="checkbox"]:before{
    width:14px!important;
    height:14px!important;
    top:2px!important;
    left:2px!important;
}
.wpprot-wrap .wpprot-inline-form input[type="checkbox"]:checked:before{
    left:20px!important;
}
.wpprot-wrap .wpprot-inline-form label{
    min-height:26px!important;
    padding:2px 8px 2px 3px!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}
.wpprot-wrap .wpprot-inline-form .button,
.wpprot-wrap .widefat .button{
    min-height:30px!important;
    height:30px!important;
    padding:2px 9px!important;
    line-height:1.4!important;
    font-size:13px!important;
}
.wpprot-wrap .widefat td .wpprot-inline-form{
    margin:-2px 0!important;
}
.wpprot-wrap .widefat.striped > tbody > tr:nth-child(odd) > td,
.wpprot-wrap .widefat.striped > tbody > tr:nth-child(odd) > th{
    background-color:#fff!important;
}
.wpprot-wrap .widefat.striped > tbody > tr:nth-child(even) > td,
.wpprot-wrap .widefat.striped > tbody > tr:nth-child(even) > th{
    background-color:#f7fafc!important;
}
.wpprot-wrap .form-table tr{
    padding:6px 0!important;
}
.wpprot-wrap .form-table th,
.wpprot-wrap .form-table td{
    padding:4px 10px!important;
}
.wpprot-wrap input[type=text],
.wpprot-wrap input[type=search],
.wpprot-wrap input[type=date],
.wpprot-wrap input[type=number],
.wpprot-wrap input[type=email],
.wpprot-wrap select{
    min-height:34px!important;
}
@media (max-width:1280px){
    .wpprot-wrap .wpprot-inline-form{
        grid-template-columns:repeat(4,minmax(120px,1fr))!important;
    }
}

/* v1.6.9 - Form e tabelle admin piu compatti: righe ridotte di circa il 50% */
.wpprot-wrap .form-table{
    padding:4px!important;
}
.wpprot-wrap .form-table tr{
    gap:6px!important;
    padding:2px 0!important;
    align-items:center!important;
}
.wpprot-wrap .form-table th,
.wpprot-wrap .form-table td{
    padding:1px 8px!important;
    line-height:1.2!important;
    vertical-align:middle!important;
}
.wpprot-wrap .form-table th{
    padding-top:4px!important;
}
.wpprot-wrap .form-table td > p.description,
.wpprot-wrap .form-table td .description,
.wpprot-wrap .wpprot-help{
    margin:1px 0 0!important;
    line-height:1.15!important;
    font-size:12px!important;
}
.wpprot-wrap .form-table input[type=text],
.wpprot-wrap .form-table input[type=search],
.wpprot-wrap .form-table input[type=date],
.wpprot-wrap .form-table input[type=number],
.wpprot-wrap .form-table input[type=email],
.wpprot-wrap .form-table input:not([type]),
.wpprot-wrap .form-table select{
    min-height:24px!important;
    height:24px!important;
    padding:2px 8px!important;
    line-height:1.15!important;
    border-radius:5px!important;
}
.wpprot-wrap .form-table select{
    padding-right:30px!important;
    background-position:right 8px center!important;
}
.wpprot-wrap .form-table textarea{
    min-height:50px!important;
    padding:4px 8px!important;
    line-height:1.2!important;
}
.wpprot-wrap .form-table td > label{
    min-height:24px!important;
    padding:1px 8px 1px 3px!important;
    margin:0 6px 0 0!important;
    line-height:1.1!important;
}
.wpprot-wrap .form-table input[type="checkbox"]{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:20px!important;
    min-height:20px!important;
    margin-right:4px!important;
}
.wpprot-wrap .form-table input[type="checkbox"]:before{
    width:14px!important;
    height:14px!important;
    top:2px!important;
    left:2px!important;
}
.wpprot-wrap .form-table input[type="checkbox"]:checked:before{
    left:20px!important;
}
.wpprot-wrap .widefat th,
.wpprot-wrap .widefat td,
.wpprot-wrap table.widefat th,
.wpprot-wrap table.widefat td{
    padding:3px 8px!important;
    line-height:1.18!important;
}
.wpprot-wrap .widefat .button{
    min-height:26px!important;
    height:26px!important;
    padding:1px 8px!important;
    line-height:1.2!important;
}
.wpprot-wrap .wpprot-inline-form{
    gap:4px 6px!important;
    padding:4px 6px!important;
}
.wpprot-wrap .wpprot-inline-form input,
.wpprot-wrap .wpprot-inline-form select,
.wpprot-wrap .wpprot-inline-form textarea{
    min-height:24px!important;
    height:24px!important;
    padding:2px 7px!important;
}
.wpprot-wrap .wpprot-inline-form label{
    min-height:22px!important;
    padding:1px 7px 1px 3px!important;
}
@media (max-width:782px){
    .wpprot-wrap .form-table tr{
        gap:2px!important;
        padding:4px 0!important;
    }
    .wpprot-wrap .form-table th,
    .wpprot-wrap .form-table td,
    .wpprot-wrap .widefat th,
    .wpprot-wrap .widefat td{
        padding:3px 6px!important;
    }
}

