/* WPProt Protocols styles - extracted from wpprot.css in v1.6.284.
   Conserva ordine e specificità originali delle regole protocolli/lista/dettaglio. */

.wpprot-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0}

.wpprot-filters input,.wpprot-filters select{max-width:260px}

.wpprot-pagination{display:flex;gap:10px;align-items:center;margin:12px 0}

.wpprot-status{display:inline-block;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}

.wpprot-status-active{background:#e7f7ed;color:#116329}

.wpprot-status-annulled{background:#fbeaea;color:#8a1f1f}

.wpprot-detail-table th{width:180px}

.wpprot-files-list{list-style:disc;margin-left:20px}

.wpprot-protocols-table td{vertical-align:top}

@media print {
    #adminmenumain, #wpadminbar, .wpprot-open-modal, .wpprot-modal, .wpprot-detail-modal,
    .wpprot-pagination, .wpprot-filters .button, .wpprot-protocols-table th:last-child,
    .wpprot-protocols-table td:last-child, .notice, .update-nag {
        display: none !important;
    }
    .wpprot-wrap { margin: 0 !important; }
    .wpprot-protocols-table { font-size: 11px; }
    .wpprot-protocols-table th, .wpprot-protocols-table td { padding: 4px 6px; }
}

.wpprot-filters{background:var(--wpprot-soft);border:1px solid var(--wpprot-border);border-radius:8px;padding:12px}

.wpprot-protocols-table{border-radius:8px;overflow:hidden}

.wpprot-protocols-table thead th{background:#f6f7f7;font-weight:700}

.wpprot-protocols-table tbody tr:hover{background:#f8fbff}

.wpprot-pagination{background:#fff;border:1px solid var(--wpprot-border);border-radius:8px;padding:10px 12px;width:max-content}

.wpprot-detail-table{border-collapse:collapse;width:100%;background:#fff}

.wpprot-detail-table th,.wpprot-detail-table td{border-bottom:1px solid #f0f0f1;padding:8px 10px;text-align:left}

.wpprot-files-list li{margin-bottom:6px}

@media (max-width:782px){.wpprot-wrap .form-table tr{grid-template-columns:1fr}.wpprot-wrap .form-table th,.wpprot-wrap .form-table td{padding:4px 8px}.wpprot-filters input,.wpprot-filters select{max-width:100%}}

.wpprot-filters{display:grid!important;grid-template-columns:2fr repeat(4,minmax(145px,1fr)) auto auto auto auto;gap:10px!important;align-items:end!important}

.wpprot-filters input,.wpprot-filters select{max-width:none!important;width:100%!important}

.wpprot-protocols-table{background:#fff;border:1px solid #dcdcde!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}

.wpprot-protocols-table th{white-space:nowrap;background:#f0f6fc!important;color:#1d2327!important;border-bottom:1px solid #c3d9ee!important}

.wpprot-protocols-table td{border-bottom:1px solid #f0f0f1!important}

.wpprot-protocols-table tbody tr:hover{background:#f6fbff!important}

.wpprot-status{border-radius:999px!important;padding:4px 10px!important}

@media (max-width:1100px){.wpprot-filters{grid-template-columns:1fr 1fr!important}.wpprot-ui-grid{grid-template-columns:1fr}}

@media (max-width:700px){.wpprot-filters{grid-template-columns:1fr!important}.wpprot-actions{justify-content:stretch;flex-direction:column}.wpprot-actions .button,.wpprot-actions button{width:100%}}

.wpprot-detail-card .wpprot-files-list{
    margin:0!important;
}

.wpprot-detail-modal .wpprot-protocol-edit-form{
    margin:0 0 18px!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #bcd4ee!important;
    border-radius:13px!important;
    box-shadow:0 1px 2px rgba(22,59,99,.05)!important;
}

.wpprot-detail-modal .wpprot-protocol-edit-form h4{
    margin:0 0 10px!important;
}

/* v1.6.19 - Compattazione forte form modifica relazione */
.wpprot-detail-modal .wpprot-protocol-edit-form{
    padding:7px 10px!important;
}

.wpprot-detail-modal .wpprot-protocol-edit-form h4{
    margin:0 0 6px!important;
    line-height:1.15!important;
}

/* v1.6.27 - Compattazione filtri registro e righe elenco */
.wpprot-wrap .wpprot-filters{
    grid-template-columns:repeat(8,minmax(120px,1fr))!important;
    gap:4px 8px!important;
    padding:5px 8px!important;
    margin:8px 0!important;
    align-items:center!important;
    border-radius:7px!important;
}

.wpprot-wrap .wpprot-filters input,
.wpprot-wrap .wpprot-filters select,
.wpprot-wrap .wpprot-filters .button,
.wpprot-wrap .wpprot-filters button{
    min-height:24px!important;
    height:24px!important;
    padding:2px 8px!important;
    border-radius:6px!important;
    font-size:13px!important;
    line-height:1.15!important;
}

.wpprot-wrap .wpprot-filters select{
    padding-right:28px!important;
    background-position:right 7px center!important;
    background-size:15px!important;
}

.wpprot-wrap .wpprot-filter-help-wrap{
    display:none!important;
}

.wpprot-wrap .wpprot-filters + .wpprot-protocols-table{
    margin-top:4px!important;
}

.wpprot-wrap .wpprot-protocols-table th,
.wpprot-wrap .wpprot-protocols-table td{
    padding:2px 7px!important;
    line-height:1.12!important;
    font-size:13px!important;
    vertical-align:middle!important;
}

.wpprot-wrap .wpprot-protocols-table .button,
.wpprot-wrap .wpprot-protocols-table button{
    min-height:22px!important;
    height:22px!important;
    padding:1px 7px!important;
    border-radius:5px!important;
    font-size:12px!important;
    line-height:1.1!important;
}

.wpprot-wrap .wpprot-status{
    padding:2px 7px!important;
    font-size:12px!important;
    line-height:1.1!important;
}

.wpprot-wrap .wpprot-pagination{
    margin:6px 0!important;
    padding:5px 8px!important;
    gap:6px!important;
    border-radius:7px!important;
}

.wpprot-wrap .wpprot-pagination .button,
.wpprot-wrap .wpprot-pagination button{
    min-height:24px!important;
    height:24px!important;
    padding:2px 8px!important;
    font-size:13px!important;
    line-height:1.15!important;
}

@media (max-width:1400px){
    .wpprot-wrap .wpprot-filters{
        grid-template-columns:repeat(4,minmax(130px,1fr))!important;
    }
}

@media (max-width:782px){
    .wpprot-wrap .wpprot-filters{
        grid-template-columns:1fr 1fr!important;
    }
}

.wpprot-duplicate-table{
    width:100%!important;
    table-layout:fixed!important;
    border:1px solid #c7d7ea!important;
    border-radius:10px!important;
    overflow:hidden!important;
    margin:0 0 18px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(7,20,43,.06)!important;
}

.wpprot-duplicate-table th,
.wpprot-duplicate-table td{
    padding:9px 12px!important;
    line-height:1.25!important;
    vertical-align:top!important;
    border-bottom:1px solid #e5edf7!important;
}

.wpprot-duplicate-table th{
    width:210px!important;
    background:#eef5ff!important;
    color:#0d2a5c!important;
    font-weight:800!important;
    white-space:normal!important;
}

.wpprot-duplicate-table td{
    color:#102349!important;
    word-break:break-word!important;
}

@media (max-width:700px){
    .wpprot-duplicate-modal{
        padding:10px!important;
        align-items:flex-start!important;
    }
    .wpprot-duplicate-modal-box{
        width:100%!important;
        max-height:calc(100vh - 20px)!important;
    }
    .wpprot-duplicate-header{
        min-height:58px!important;
        padding-left:18px!important;
    }
    .wpprot-duplicate-title{
        font-size:19px!important;
    }
    .wpprot-duplicate-modal-content{
        padding:18px 18px 0!important;
    }
    .wpprot-duplicate-table,
    .wpprot-duplicate-table tbody,
    .wpprot-duplicate-table tr,
    .wpprot-duplicate-table th,
    .wpprot-duplicate-table td{
        display:block!important;
        width:100%!important;
    }
    .wpprot-duplicate-table th{
        padding-bottom:4px!important;
    }
    .wpprot-duplicate-table td{
        padding-top:6px!important;
    }
    .wpprot-duplicate-actions{
        flex-direction:column-reverse!important;
        align-items:stretch!important;
        margin:0 -18px!important;
        padding:14px 18px 18px!important;
    }
    .wpprot-duplicate-actions .button,
    .wpprot-duplicate-actions .button-primary{
        width:100%!important;
        min-width:0!important;
    }
}

.wpprot-detail-protocol-number,
.wpprot-detail-document-name,
.wpprot-detail-document-date{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
}

.wpprot-detail-protocol-number{
    font-size:27px!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
}

.wpprot-detail-protocol-number:before,
.wpprot-detail-document-name:before,
.wpprot-detail-document-date:before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    margin-right:10px!important;
    font-size:18px!important;
    line-height:1!important;
    color:#eaf4ff!important;
    opacity:.95!important;
}

.wpprot-detail-protocol-number:before{content:"▣"!important;}

@media (max-width:782px){
    .wpprot-detail-modal .wpprot-detail > h3.wpprot-detail-title{
        min-height:48px!important;
        padding:10px 56px 10px 14px!important;
        gap:7px 12px!important;
    }
    .wpprot-detail-protocol-number{font-size:21px!important;}
    .wpprot-detail-document-name{font-size:18px!important;max-width:100%!important;}
    .wpprot-detail-document-date{font-size:17px!important;}
    .wpprot-detail-document-name,
    .wpprot-detail-document-date{padding-left:0!important;border-left:0!important;}
}

.wpprot-detail-protocol-number{
    font-size:25px!important;
    line-height:1.05!important;
}

.wpprot-detail-protocol-number:before,
.wpprot-detail-document-name:before,
.wpprot-detail-document-date:before{
    width:18px!important;
    height:18px!important;
    margin-right:6px!important;
    font-size:15px!important;
}

@media (max-width:782px){
    .wpprot-modal-box > h3,
    .wpprot-confirm-header,
    .wpprot-duplicate-header,
    .wpprot-preview-toolbar{
        min-height:36px!important;
        padding:6px 48px 6px 12px!important;
        gap:5px 9px!important;
    }
    .wpprot-modal-box > h3,
    .wpprot-confirm-title,
    .wpprot-duplicate-title,
    .wpprot-preview-title{
        font-size:17px!important;
    }
    .wpprot-detail-modal .wpprot-detail > h3.wpprot-detail-title{
        min-height:38px!important;
        padding:6px 48px 6px 12px!important;
        flex-wrap:wrap!important;
    }
    .wpprot-detail-title-meta{
        flex-wrap:wrap!important;
    }
    .wpprot-detail-protocol-number{font-size:21px!important;}
    .wpprot-detail-document-name{font-size:18px!important;max-width:100%!important;}
    .wpprot-detail-document-date{font-size:17px!important;}
}

.wpprot-modal-box > h3:before,
.wpprot-confirm-header-icon,
.wpprot-duplicate-header-icon,
.wpprot-preview-title:before,
.wpprot-detail-protocol-number:before,
.wpprot-detail-document-name:before,
.wpprot-detail-document-date:before{
    border-radius:999px!important;
    background:rgba(255,255,255,.15)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}

.wpprot-protocols-table .wpprot-row-actions{
    white-space:nowrap!important;
}

.wpprot-protocols-table .wpprot-row-actions .button{
    margin:1px 2px!important;
}

.wpprot-wrap.wpprot-loading .wpprot-protocols-table,
.wpprot-wrap.wpprot-loading .wpprot-frontend-table-wrap{
    opacity:.62!important;
    transition:opacity .15s ease!important;
}

.wpprot-register-panel .wpprot-filters{
    display:grid!important;
    grid-template-columns:minmax(260px,2fr) repeat(4,minmax(140px,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.wpprot-register-panel .wpprot-filter-search input,
.wpprot-register-panel .wpprot-filters > input,
.wpprot-register-panel .wpprot-filters > select{
    width:100%!important;
    max-width:none!important;
    min-height:34px!important;
    height:34px!important;
    padding:5px 10px!important;
    border-radius:8px!important;
    font-size:13px!important;
}

.wpprot-register-panel + .wpprot-protocols-table{
    margin-top:10px!important;
}

@media (max-width:1280px){
    .wpprot-register-panel .wpprot-filters{
        grid-template-columns:repeat(3,minmax(160px,1fr))!important;
    }
}

@media (max-width:782px){
    .wpprot-register-hero{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .wpprot-register-hero .wpprot-open-modal{
        width:100%!important;
        text-align:center!important;
    }
    .wpprot-register-panel .wpprot-filters{
        grid-template-columns:1fr!important;
    }
    .wpprot-register-panel .wpprot-filter-search{
        grid-column:auto!important;
    }
    .wpprot-register-panel .wpprot-filter-actions{
        justify-content:stretch!important;
    }
    .wpprot-register-panel .wpprot-filter-actions .button{
        flex:1 1 140px!important;
    }
}

/* v1.6.87 - Allargamento e ricomposizione specifica modale Dettaglio protocollo */
@media (min-width:1024px){
    .wpprot-detail-modal .wpprot-modal-box-wide{
        width:min(98vw,1420px)!important;
        max-width:1420px!important;
        max-height:calc(100vh - 18px)!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
    }
    .wpprot-detail-modal .wpprot-detail-content{
        padding:12px 16px 14px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }
    .wpprot-detail-modal .wpprot-detail{
        gap:10px!important;
    }
    .wpprot-detail-modal .wpprot-detail-actions{
        margin:0 0 8px!important;
    }
    .wpprot-detail-modal .wpprot-detail-actions .button,
    .wpprot-detail-modal .wpprot-detail-actions .button-primary{
        min-height:28px!important;
        height:28px!important;
        padding:3px 10px!important;
        line-height:1.2!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero{
        padding:9px 12px!important;
        gap:10px!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero strong{
        font-size:18px!important;
    }
    .wpprot-detail-modal .wpprot-detail-sections{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }
    .wpprot-detail-modal .wpprot-detail-card,
    .wpprot-detail-modal .wpprot-protocol-edit-form{
        padding:10px 12px!important;
        margin:0!important;
    }
    .wpprot-detail-modal .wpprot-detail-card-wide{
        grid-column:auto!important;
    }
    .wpprot-detail-modal .wpprot-detail-card h4,
    .wpprot-detail-modal .wpprot-protocol-edit-form h4{
        margin:0 0 6px!important;
        font-size:14px!important;
        line-height:1.15!important;
    }
    .wpprot-detail-modal .wpprot-detail-list{
        grid-template-columns:120px minmax(0,1fr)!important;
        row-gap:4px!important;
    }
    .wpprot-detail-modal .wpprot-detail-list dt,
    .wpprot-detail-modal .wpprot-detail-list dd{
        padding:4px 0!important;
        font-size:12.5px!important;
        line-height:1.2!important;
    }
    .wpprot-detail-modal .wpprot-detail-edit-grid{
        grid-template-columns:repeat(3,minmax(170px,1fr))!important;
        gap:5px 10px!important;
    }
    .wpprot-detail-modal .wpprot-detail-edit-wide{
        grid-column:span 3!important;
    }
    .wpprot-detail-modal .wpprot-detail-edit-grid textarea{
        min-height:32px!important;
        height:32px!important;
    }
    .wpprot-detail-modal .wpprot-files-list,
    .wpprot-detail-modal .wpprot-detail-content .widefat:not(.wpprot-detail-table),
    .wpprot-detail-modal .wpprot-danger-zone{
        margin-top:10px!important;
    }
}

.wpprot-detail-modal .wpprot-protocol-edit-form{
    display:none!important;
}

.wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-protocol-number{
    flex:0 0 auto!important;
    min-width:0!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-name:before,
.wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-date:before,
.wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-protocol-number:before{
    content:none!important;
    display:none!important;
}

@media (max-width:782px){
    .wpprot-detail-modal .wpprot-modal-box-wide > h3.wpprot-detail-modal-heading{
        height:auto!important;
        max-height:none!important;
        min-height:24px!important;
        padding:3px 36px 3px 8px!important;
        gap:6px!important;
    }
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-title-meta{
        gap:8px!important;
        justify-content:flex-start!important;
    }
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-protocol-number{font-size:10px!important;}
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-name,
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-date{font-size:11px!important;}
    .wpprot-users-table th:nth-child(5),
    .wpprot-users-table td:nth-child(5){
        min-width:0!important;
    }
    .wpprot-users-table .wpprot-user-phone-input{
        width:100%!important;
        max-width:100%!important;
    }
}

.wpprot-detail-modal .wpprot-detail-protocol-number{
    font-size:28px!important;
    line-height:1!important;
}

.wpprot-detail-modal .wpprot-detail-protocol-number{
    font-size:56px!important;
    line-height:1!important;
}

@media (max-width:782px){
    .wpprot-detail-modal .wpprot-detail > h3.wpprot-detail-title{
        min-height:auto!important;
        padding:18px 48px 18px 16px!important;
    }
    .wpprot-detail-modal .wpprot-detail-protocol-number{
        font-size:34px!important;
    }
    .wpprot-detail-modal .wpprot-detail-document-name{
        font-size:18px!important;
    }
    .wpprot-detail-modal .wpprot-detail-document-date{
        font-size:15px!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero-compact{
        padding:22px!important;
        gap:20px!important;
    }
    .wpprot-detail-modal .wpprot-detail-number-row{
        gap:14px!important;
    }
    .wpprot-detail-modal .wpprot-detail-number-row strong{
        font-size:44px!important;
    }
    .wpprot-detail-modal .wpprot-detail-document-inline{
        font-size:18px!important;
    }
    .wpprot-detail-modal .wpprot-detail-pdf-button{
        min-height:44px!important;
        font-size:14px!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero-meta{
        min-width:0!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero-meta span{
        font-size:13px!important;
    }
    .wpprot-detail-modal .wpprot-detail-hero-meta strong{
        font-size:18px!important;
    }
    .wpprot-detail-modal .wpprot-state-pill{
        min-height:42px!important;
        font-size:14px!important;
    }
}

.wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-protocol-number{
    font-size:14px!important;
    line-height:1!important;
}

@media (max-width:782px){
    .wpprot-detail-modal .wpprot-modal-box-wide > h3.wpprot-detail-modal-heading{
        min-height:48px!important;
        height:auto!important;
        max-height:none!important;
        padding:7px 44px 7px 10px!important;
        flex-wrap:wrap!important;
    }
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-protocol-number,
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-name,
    .wpprot-detail-modal .wpprot-detail-modal-heading .wpprot-detail-document-date{
        font-size:12px!important;
    }
    .wpprot-detail-modal .wpprot-detail-whatsapp-select-wrap,
    .wpprot-protocol-create-modal .wpprot-detail-whatsapp-select-wrap{
        grid-template-columns:1fr!important;
        width:100%!important;
    }
    .wpprot-detail-modal .wpprot-detail-field-notes .wpprot-detail-whatsapp-row,
    .wpprot-protocol-create-modal .wpprot-create-whatsapp-row{
        flex-wrap:wrap!important;
        width:100%!important;
    }
}

/* v1.6.138 - Azioni verticali nella grid principale Protocollo Documenti */
.wpprot-protocols-table th:last-child,
.wpprot-protocols-table td.wpprot-row-actions{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
}

.wpprot-protocols-table td.wpprot-row-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    white-space:normal!important;
}

.wpprot-protocols-table td.wpprot-row-actions .button{
    width:100%!important;
    margin:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    text-align:center!important;
}

/* v1.6.174 - Fix reale apertura select All'att.ne di: select nativa, cliccabile e senza overlay */
.wpprot-wrap select.wpprot-attention-user-select,
.wpprot-wrap select.wpprot-overview-attention-select,
.wpprot-filters select[name="attention_user_id"]{
    pointer-events:auto!important;
    position:relative!important;
    z-index:20!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
    background-color:#fff!important;
    cursor:pointer!important;
}

/* v1.6.179 - Refactor stabile filtri Protocollo: campi isolati, date ripristinate, select utenti nativa */
.wpprot-register-panel .wpprot-filters.wpprot-protocol-filters{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
    gap:10px!important;
    align-items:end!important;
    overflow:visible!important;
}
