/**
 * DEV STUDIO Modern Skin - tema METIS (UCM)
 * Solo CSS: nessuna modifica funzionale. Registrata per ultima nel bundle.
 * Palette: sfondo #eef1f6, card bianche, accento viola #7c3aed / cyan #00d4ff
 */
@media screen {

/* ============ BASE ============ */
html, body{
    background: #eef1f6 !important;
}
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #333a4f;
    -webkit-font-smoothing: antialiased;
}
a, a:link, a:visited{ color: #5b48d9; }
a:hover{ color: #7c3aed; }

::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-thumb{ background: #c6cddd; border-radius: 6px; border: 2px solid #eef1f6; }
::-webkit-scrollbar-thumb:hover{ background: #aab3c9; }
::-webkit-scrollbar-track{ background: transparent; }

/* ============ TOPBAR ============ */
#top .navbar,
.navbar-inverse,
.navbar-top{
    background: linear-gradient(90deg, #1b2130 0%, #232a3d 100%) !important;
    border: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 2px 10px rgba(16,24,40,.25);
}
#top .navbar-brand{ color: #e8ebf5 !important; }
#top .topnav .btn,
.mini-search .input-small,
.mini-search .btn-sm{
    background: #2a3247 !important;
    border: 1px solid #39435f !important;
    color: #c3cadd !important;
    border-radius: 8px !important;
}
#top .dropdown-menu{
    background: #232a3d !important;
    border: 1px solid #39435f !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 40px rgba(16,24,40,.4);
    overflow: hidden;
}
#top .dropdown-menu > li li{ border-bottom: 1px solid #313a52 !important; }

/* ============ SIDEBAR ============ */
#left{
    background: linear-gradient(180deg, #1b2130 0%, #222a3d 100%) !important;
    border-right: none !important;
}
#left, .user-media, #menu{ border-right: none !important; }
.user-media{ background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; }
#menu{
    background: transparent !important;
    padding: 8px 8px 30px 8px;
}
#menu > li{ margin: 0 0 2px 0; }
#menu > li > a{
    color: #c3cadd !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    font-weight: 500;
    transition: background .15s ease, color .15s ease;
}
#menu > li > a:hover,
#menu > li > a:focus{
    background: rgba(124, 58, 237, .22) !important;
    color: #ffffff !important;
}
#menu > li.active > a,
#menu > li.active:hover > a,
#menu > li.active:focus > a{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, .35);
}
#menu li > ul{
    background: rgba(0, 0, 0, .25) !important;
    border-radius: 8px;
    margin: 2px 0;
}
#menu li.active > ul{ background: rgba(0, 0, 0, .3) !important; }
#menu li > ul li a{ color: #aab2c8 !important; border-radius: 6px; }
#menu li > ul li a:hover{ background: rgba(124, 58, 237, .2) !important; color: #fff !important; }
#menu li > ul li.active a{ background: rgba(124, 58, 237, .35) !important; color: #fff !important; }
#menu .label,
.menu_label{
    background: #00d4ff !important;
    color: #06283a !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    text-shadow: none !important;
}
#menu .nav-header{ color: #7f89a6 !important; }

/* ============ CONTENUTO ============ */
#content{ background: #eef1f6 !important; }
.outer{ background: transparent !important; border: none !important; }
.inner{
    background: #ffffff !important;
    border: 1px solid #e6e9f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .06);
    padding: 16px 18px !important;
    margin: 12px;
}
.inner .inner{ border: none !important; box-shadow: none !important; margin: 0; padding: 0 !important; }

/* titoli pagina */
h2{
    background: transparent !important;
    border: none !important;
    color: #1f2437 !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    letter-spacing: -.2px;
}
h2 a, h2 a:link, h2 a:visited{ color: #1f2437 !important; }

/* box / fieldset (Metis) */
.box{
    border: 1px solid #e6e9f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
    background: #fff;
    overflow: hidden;
    margin-bottom: 14px;
}
.box > header{
    background: #f6f7fc !important;
    border-bottom: 1px solid #e6e9f2 !important;
    padding: 9px 12px !important;
}
.box > header h5{
    color: #3a4059 !important;
    font-weight: 650 !important;
    font-size: 13px !important;
    letter-spacing: .2px;
}
.box .body{ background: #fff; }

/* h3 legacy (esterni/holder) */
.pretty_content_wrap h3,
#holder h3{
    background: #f6f7fc !important;
    background-color: #f6f7fc !important;
    color: #3a4059 !important;
    border: 1px solid #e6e9f2 !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    font-weight: 650 !important;
    text-shadow: none !important;
}
.pretty_content_wrap .tableclass_form,
#holder .tableclass_form{
    border-color: #e6e9f2 !important;
    border-radius: 0 0 10px 10px;
}

/* ============ TABELLE ============ */
.tableclass thead > tr > th{
    background: #f1f3f9 !important;
    color: #454c66 !important;
    border-bottom: 2px solid #e3e7f0 !important;
    font-weight: 650 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.tableclass tbody > tr > td{ font-size: 12.5px; }
.tableclass_rows{ border: 1px solid #e8ebf3 !important; }
.tableclass_rows > thead > tr > th,
.tableclass_rows > tbody > tr > th,
.tableclass_rows > tbody > tr > td{ border-bottom: 1px solid #eef0f6 !important; }
.tableclass_rows > tbody > tr.odd > td,
.tableclass_rows > tbody > tr.odd > th{ background-color: #fbfcfe !important; }
.tableclass_rows tr.hover,
.tableclass_rows > tbody > tr:hover > td{
    background-color: #f4f0ff !important;
    cursor: pointer;
}

/* ============ FORM ============ */
.form-control,
.tableclass input,
.tableclass select,
.tableclass textarea,
.search_bar input,
.search_bar select,
.search_bar textarea{
    background: #ffffff !important;
    border: 1px solid #d8ddea !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    color: #333a4f;
    box-shadow: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.tableclass input, .tableclass select, .tableclass textarea{ padding: 4px 8px !important; font-size: 12.5px !important; }
.form-control:focus,
.tableclass input:focus,
.tableclass select:focus,
.tableclass textarea:focus,
.search_bar input:focus,
.search_bar select:focus{
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .14) !important;
    outline: none !important;
}
.tableclass input[type="checkbox"],
.tableclass input[type="radio"]{
    border: none !important;
    box-shadow: none !important;
    accent-color: #7c3aed;
}
.tableclass input.form-change,
.tableclass select.form-change,
.tableclass textarea.form-change{
    border-color: #34c38f !important;
    box-shadow: 0 0 0 3px rgba(52, 195, 143, .15) !important;
}
.ui-state-error{ border: 1px solid #e74c3c !important; box-shadow: 0 0 0 3px rgba(231, 76, 60, .12) !important; }
.search_bar{ background: #f6f7fc !important; border-radius: 10px; }
.sub-menu{ background: #f6f7fc !important; border-bottom: 1px solid #e6e9f2; }

/* ============ BOTTONI ============ */
.btn{
    border-radius: 8px !important;
    font-weight: 550;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    text-shadow: none !important;
    box-shadow: none;
}
.btn-default{
    background: #ffffff !important;
    border: 1px solid #d5d9e6 !important;
    color: #3b4260 !important;
}
.btn-default:hover, .btn-default:focus{
    background: #f4f1ff !important;
    border-color: #b7a4f0 !important;
    color: #4c2ea8 !important;
}
.btn-primary{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, .3);
}
.btn-primary:hover{ background: linear-gradient(135deg, #6d2fe0 0%, #4f3bd0 100%) !important; }
.btn-success{ background: #17a26b !important; border-color: #17a26b !important; }
.btn-success:hover{ background: #128a5a !important; border-color: #128a5a !important; }
.btn-danger{ background: #e74c3c !important; border-color: #e74c3c !important; }
.btn-danger:hover{ background: #d64232 !important; border-color: #d64232 !important; }
.btn-warning{ background: #f59e0b !important; border-color: #f59e0b !important; }
.btn-info{ background: #0ea5e9 !important; border-color: #0ea5e9 !important; }

/* jQuery UI buttons (dialog, uibutton) */
.ui-button, .ui-state-default,
.ui-widget-content .ui-state-default{
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d5d9e6 !important;
    border-radius: 8px !important;
    color: #3b4260 !important;
    text-shadow: none !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-button:hover{
    background: #f4f1ff !important;
    background-image: none !important;
    border-color: #b7a4f0 !important;
    color: #4c2ea8 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
    background: #ece6ff !important;
    background-image: none !important;
    border-color: #7c3aed !important;
    color: #4c2ea8 !important;
}
.ui-dialog-buttonpane .ui-state-default:first-child{
    background: linear-gradient(135deg, #17a26b, #128a5a) !important;
    border: none !important;
    color: #fff !important;
}
/* --- bottoni azione: colori semantici (il viola è solo il default) --- */
input.submit_button, .submit_button{
    border: none !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 7px 14px !important;
    margin: 3px 5px 3px 0 !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .18);
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%);
    transition: filter .15s ease, box-shadow .15s ease;
}
input.submit_button:hover, .submit_button:hover{ filter: brightness(1.08); color: #fff !important; }

/* Salva / Salva e Chiudi -> verde */
input.submit_button[name="butt_save"]{
    background: linear-gradient(135deg, #1fae74 0%, #128a5a 100%) !important;
}
/* Storicizza -> arancio */
input.submit_button[name="butt_archive"]{
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}
/* Email -> blu */
input.submit_button[name="butt_email"]{
    background: linear-gradient(135deg, #2f7de1 0%, #1d5fc4 100%) !important;
}
/* Stampa PDF -> neutro chiaro */
input.submit_button[name="butt_print"]{
    background: #ffffff !important;
    color: #3b4260 !important;
    border: 1px solid #d5d9e6 !important;
    box-shadow: none;
}
input.submit_button[name="butt_print"]:hover{ background: #f4f1ff !important; color: #4c2ea8 !important; }
/* Elimina -> rosso */
input.submit_button[name="butt_del"],
input.delete_button, button.delete_button{
    background: linear-gradient(135deg, #e74c3c 0%, #d63a2a 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
}
/* Annulla / cancel -> neutro */
input.submit_button[name="cancel"],
input.submit_button[value="Annulla"],
input.submit_button[value="Cancel"]{
    background: #ffffff !important;
    color: #5a6178 !important;
    border: 1px solid #d5d9e6 !important;
    box-shadow: none;
}
/* WhatsApp (colori impostati dal JS/inline, qui solo la forma) */
button.wa_btn{ padding: 7px 14px !important; }
button.wa_btn .fa{ margin-right: 5px; font-size: 14px; }

/* barra azioni: respiro e allineamento */
.action_bar{ padding: 6px 0 !important; }
.save_button{ color: #1e9e6a !important; }
.delete_button{ color: #e74c3c !important; }

/* ============ TAB E NAVIGAZIONE PAGINA ============ */
.nav-tabs{ border-bottom: 1px solid #e6e9f2 !important; }
.nav-tabs > li > a{
    border: none !important;
    border-radius: 8px !important;
    color: #5a6178 !important;
    font-weight: 550;
    margin-right: 3px;
    transition: background .15s ease, color .15s ease;
}
.nav-tabs > li > a:hover{ background: #eef0f7 !important; color: #2f3550 !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    color: #ffffff !important;
    border: none !important;
}
#page_middle .nav{ border-bottom: 1px solid #e6e9f2 !important; }
#page_middle .nav ul{ height: auto !important; }
#page_middle .nav > ul > li > a,
#page_middle .nav > ul > li > a:link,
#page_middle .nav > ul > li > a:visited{
    border-radius: 8px;
    height: auto !important;
    padding: 6px 11px !important;
    color: #5a6178;
    font: 550 12.5px inherit !important;
    font-family: inherit !important;
}
#page_middle .nav ul li a:hover{ background: #eef0f7 !important; border-bottom: none !important; color: #2f3550; }
#page_middle .nav ul li.link_current a{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    color: #fff !important;
    border-bottom: none !important;
}
/* jQuery UI tabs (dashboard) */
.ui-tabs .ui-tabs-nav li{
    background: #fff !important;
    border: 1px solid #d5d9e6 !important;
    border-radius: 8px !important;
    margin: 2px 3px 2px 0 !important;
}
.ui-tabs .ui-tabs-nav li a{ color: #4a5068 !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-state-active{
    background: linear-gradient(135deg, #7c3aed, #5b48d9) !important;
    border-color: #7c3aed !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-active a{ color: #fff !important; }

/* ============ DIALOG, PAGINAZIONE, VARIE ============ */
.ui-dialog{
    border: 1px solid #e3e7f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 50px rgba(16, 24, 40, .25) !important;
    overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar{
    background: #f6f7fc !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #e6e9f2 !important;
    border-radius: 0 !important;
    color: #2c3148 !important;
    font-weight: 650;
}
.ui-widget-overlay{ background: #10182b !important; opacity: .55 !important; }
.ui-widget-content{ border-color: #e6e9f2 !important; }
.ui-widget{ font-family: inherit !important; }
.ui-corner-all{ border-radius: 8px; }

.pagination_links a{
    background: #ffffff !important;
    border: 1px solid #dde1ec;
    border-radius: 7px;
    padding: 2px 9px !important;
    margin: 2px !important;
    color: #4a5068;
}
.pagination_links a:hover{ border-color: #b7a4f0; color: #5b48d9; text-decoration: none; }
.pagination_links .current{
    background: #7c3aed !important;
    border: 1px solid #7c3aed !important;
    color: #fff !important;
    font-weight: 600;
}
.pagination_summary, .pagination_summary a{ color: #8a91a8 !important; }

.message_box{
    border: 1px solid #e6e9f2 !important;
    border-radius: 12px !important;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}
.message_box h4{
    background: #f6f7fc !important;
    border-radius: 12px 12px 0 0 !important;
    color: #b3261e !important;
}
.alert{ border-radius: 10px !important; }
.label{ border-radius: 8px; }
.progress{ border-radius: 8px; height: 10px; background: #e9ecf4; box-shadow: none; }
.progress-bar{ background: linear-gradient(90deg, #7c3aed, #00d4ff); box-shadow: none; }

.cell_red{ background-color: #fdecea !important; color: #b3261e !important; border-radius: 6px; }
.cell_green{ background-color: #e6f7ef !important; color: #147a4d !important; border-radius: 6px; }
.cell_darkgreen{ background-color: #17a26b !important; border-radius: 6px; }

#footer{ color: #98a1b8 !important; background: transparent !important; }
#footer a{ color: #98a1b8 !important; }
.small{ color: #8a91a8; }
.required{ color: #c9cede; }

/* login */
#pages-login{ background: #eef1f6 !important; }
#pages-login .form-signin{
    background: #fff;
    border: 1px solid #e6e9f2;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(16, 24, 40, .12);
    padding: 24px !important;
}

} /* fine @media screen */

/* ============ RICERCA GLOBALE FULL-SCREEN ============ */
body.ds_noscroll{ overflow: hidden !important; }
#devsearch_overlay{
    display: none;
    position: fixed; inset: 0; z-index: 99999;
    background: rgba(16, 24, 43, .72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 5vh 16px;
}
#devsearch_overlay.ds_open{ display: block; }
#devsearch_panel{
    max-width: 1020px; margin: 0 auto;
    background: #ffffff; border-radius: 16px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    display: flex; flex-direction: column;
    max-height: 88vh; overflow: hidden;
}
#devsearch_head{
    display: flex; align-items: center; gap: 10px;
    padding: 14px 18px; border-bottom: 1px solid #e6e9f2;
}
#devsearch_head .fa-search{ color: #7c3aed; font-size: 18px; }
#devsearch_input{
    flex: 1; border: none !important; outline: none !important; box-shadow: none !important;
    font-size: 18px; font-family: inherit; color: #1f2437; background: transparent !important;
}
#devsearch_hint{ color: #aab1c5; font-size: 11px; white-space: nowrap; }
#devsearch_close{
    border: none; background: #f1f3f9; color: #5a6178;
    width: 30px; height: 30px; border-radius: 8px; font-size: 18px; line-height: 1;
    cursor: pointer;
}
#devsearch_close:hover{ background: #e6e2fb; color: #4c2ea8; }
#devsearch_body{ display: flex; overflow: hidden; flex: 1; }
#devsearch_results{ flex: 1; overflow-y: auto; padding: 12px 16px; }
#devsearch_cats{
    width: 210px; border-left: 1px solid #eef0f6; padding: 14px 12px;
    overflow-y: auto; background: #fafbfe;
}
.ds_cat_title{ font-size: 10px; font-weight: 700; color: #8a91a8; text-transform: uppercase; letter-spacing: .6px; margin: 0 4px 8px; }
.ds_cat{
    display: flex; align-items: center; gap: 8px;
    padding: 7px 10px; border-radius: 8px; cursor: pointer;
    color: #454c66; font-size: 12.5px; font-weight: 550; margin-bottom: 2px;
}
.ds_cat .fa{ width: 15px; text-align: center; color: #8a91a8; }
.ds_cat span{ margin-left: auto; background: #edeffa; border-radius: 10px; padding: 0 8px; font-size: 11px; color: #5a6178; }
.ds_cat:hover{ background: #eef0f7; }
.ds_cat.ds_active{ background: linear-gradient(135deg, #7c3aed, #5b48d9); color: #fff; }
.ds_cat.ds_active .fa{ color: #e6ddff; }
.ds_cat.ds_active span{ background: rgba(255, 255, 255, .22); color: #fff; }
.ds_group{ margin-bottom: 14px; }
.ds_group_head{
    font-size: 11px; font-weight: 700; color: #7c3aed; text-transform: uppercase;
    letter-spacing: .5px; padding: 4px 6px; display: flex; align-items: center; gap: 6px;
}
.ds_group_head em{ font-style: normal; font-weight: 500; color: #9aa1b8; text-transform: none; margin-left: auto; }
a.ds_row{
    display: flex; align-items: baseline; gap: 10px;
    padding: 8px 10px; border-radius: 8px; text-decoration: none !important;
}
a.ds_row:hover{ background: #f4f0ff; }
.ds_row_title{ color: #1f2437; font-weight: 550; font-size: 13.5px; }
.ds_row_sub{ color: #8a91a8; font-size: 12px; }
.ds_row mark{ background: #ffe9a8; border-radius: 3px; padding: 0 1px; }
.ds_more{ color: #9aa1b8; font-size: 11.5px; padding: 2px 10px; }
.ds_empty{ color: #8a91a8; text-align: center; padding: 40px 0; font-size: 14px; }
@media (max-width: 700px){
    #devsearch_body{ flex-direction: column-reverse; }
    #devsearch_cats{ width: auto; border-left: none; border-bottom: 1px solid #eef0f6; display: flex; flex-wrap: wrap; gap: 4px; }
    .ds_cat_title{ display: none; }
}

/* ============ DASHBOARD CLIENTE (widget riepilogo) - uniformata ============ */
.customer-dashboard-toggle{
    border: 1px solid #e6e9f2 !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .06) !important;
}
.dashboard-toggle-header{
    background: linear-gradient(135deg, #1b2130 0%, #2a3247 100%) !important;
    border: none !important;
    padding: 12px 16px !important;
}
.dashboard-toggle-title{
    color: #ffffff !important;
    font-weight: 650 !important;
    letter-spacing: .2px;
}
.dashboard-toggle-title span[style*="dc3545"]{
    background: linear-gradient(135deg, #e74c3c, #d63a2a) !important;
}
.dashboard-toggle-arrow{ color: #aab6d0 !important; }
.dashboard-content{ background: #fafbfe !important; }

/* card statistiche */
.stat-card{
    background: #ffffff !important;
    border: 1px solid #e6e9f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05) !important;
}
.stat-number{ color: #1f2437 !important; font-weight: 700 !important; }
.stat-label{ color: #8a91a8 !important; letter-spacing: .4px; }
.stat-success{ color: #17a26b !important; }
.stat-warning{ color: #d97706 !important; }
.stat-alert{ color: #e74c3c !important; }

/* box fatture da saldare: ambra morbido */
.unpaid-section{
    background: #fff8e8 !important;
    border: 1px solid #f3dfad !important;
    border-radius: 12px !important;
}
.unpaid-title{ color: #8a6d1f !important; font-weight: 650 !important; }
.unpaid-total{ color: #d63a2a !important; font-weight: 700 !important; }
.no-unpaid{ color: #17a26b !important; }

/* azioni rapide: bottoni uniformi col resto del gestionale */
.quick-actions-title{ color: #454c66 !important; font-weight: 650 !important; }
.quick-action-btn{
    background: #ffffff !important;
    border: 1px solid #d5d9e6 !important;
    border-radius: 10px !important;
    color: #3b4260 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06) !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
}
.quick-action-btn:hover{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}
.quick-action-btn *{ color: inherit !important; }

/* ============ V3: STRISCIA TITOLO, RICERCA, CARD ULTRA ============ */

/* nasconde il bottone lente accanto alla ricerca rapida (ora si apre l'overlay) */
input[placeholder*="icerca"] + button,
input[placeholder*="icerca"] ~ button,
input[placeholder*="icerca"] + .btn,
input[placeholder*="icerca"] ~ .btn,
.head .search-bar button,
.mini-search button,
#quick_search button,
form[action*="search"] .btn,
form[action*="search"] button{
    display: none !important;
}
input[placeholder*="icerca"]{
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .95) !important;
    border: 1px solid #39435f !important;
    min-width: 190px;
    cursor: pointer;
}
input[placeholder*="icerca"]:hover{ border-color: #7c3aed !important; }

/* striscia titolo pagina: gradiente rifinito e titolo nitido */
.head{
    background: linear-gradient(90deg, #232b3d 0%, #2b3450 60%, #33305c 100%) !important;
    border: none !important;
    border-bottom: 2px solid rgba(124, 58, 237, .55) !important;
    box-shadow: 0 2px 12px rgba(16, 24, 40, .18);
}
.head h2, .head h2 a{
    color: #ffffff !important;
    text-shadow: none !important;
    font-weight: 650 !important;
}
/* bottoni dentro la striscia (Aggiungi nuovo file, ecc.): finalmente leggibili */
.head .btn, .head a.btn,
h2 .btn, h2 a.btn,
h2 .uibutton, .head .uibutton,
h2 .button_holder a, .head .button_holder a{
    background: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    background-image: linear-gradient(135deg, #7c3aed 0%, #5b48d9 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    padding: 5px 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    opacity: 1 !important;
}
.head .btn:hover, h2 .btn:hover, h2 .uibutton:hover, .head .uibutton:hover{
    filter: brightness(1.12);
    color: #fff !important;
}
.head .btn .fa, h2 .btn .fa{ color: #cdeaff !important; }

/* card ULTRA: bordi piu' presenti, ombre morbide, accento viola sull'header */
.box{
    border: 1px solid #d9deec !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .07) !important;
    transition: box-shadow .18s ease, transform .18s ease;
}
.box:hover{ box-shadow: 0 8px 24px rgba(16, 24, 40, .11) !important; }
.box > header{
    background: linear-gradient(180deg, #f8f9fd 0%, #f1f3fa 100%) !important;
    border-bottom: 1px solid #e2e6f0 !important;
    border-left: 4px solid #7c3aed !important;
    padding: 10px 14px !important;
}
.box > header h5{ font-size: 13.5px !important; }
/* niente doppio bordo per le tabelle dentro le card */
.box .tableclass_rows{ border: none !important; }

/* contenitore pagina piu' presente */
.inner{
    border: 1px solid #d9deec !important;
    box-shadow: 0 4px 18px rgba(16, 24, 40, .07) !important;
}

/* fieldset legacy con lo stesso accento */
.pretty_content_wrap h3, #holder h3{ border-left: 4px solid #7c3aed !important; }

/* search bar filtri liste: bordo presente */
.search_bar{ border: 1px solid #dde1ee !important; box-shadow: 0 2px 8px rgba(16, 24, 40, .04); }

/* ============ V3.1: FORM INTERNI MODERNI (Informazioni Avanzate & co.) ============ */
.box .body{ padding: 12px 16px !important; }

/* etichette: colonna ordinata e leggibile */
.tableclass_form th,
.tableclass tbody th{
    color: #5a6178 !important;
    font-weight: 550 !important;
    font-size: 12px !important;
    padding: 8px 12px 8px 4px !important;
    vertical-align: middle !important;
    white-space: nowrap;
}
.tableclass_form td{ padding: 5px 8px 5px 0 !important; vertical-align: middle !important; }

/* campi con altezza uniforme e select moderne */
.tableclass input[type="text"],
.tableclass input[type="password"],
.tableclass select{
    min-height: 30px;
    line-height: 1.3;
}
.tableclass select{
    padding: 4px 26px 4px 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237c3aed'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center !important;
    background-color: #fff !important;
}
.tableclass textarea{ min-height: 54px; }

/* righe checkbox piu' ariose */
.tableclass td label{ margin: 2px 0; display: inline-block; }
.tableclass input[type="checkbox"]{ width: 15px; height: 15px; vertical-align: -2px; margin-right: 5px; }

/* i "?" di aiuto come pallini discreti */
.tableclass a[href="#"], .tableclass_form a[href="#"]{ text-decoration: none; }

/* barra azioni in fondo alle schede: card leggera che raccoglie i bottoni */
.content form > input.submit_button:first-of-type{ margin-left: 0 !important; }