/* =====================================================================
   MODERN THEME — Sage green design system
   Attivato quando current_user.css_theme == 'modern'.
   Contiene tutto il design system + palette verde.
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* VARIABILI                                                            */
/* ------------------------------------------------------------------ */
:root {
  --md-green-dark:    #136c3b;
  --md-green-mid:     #27ae60;
  --md-green-light:   #71bf45;
  --md-bg:            #c2d5ca;
  --md-surface:       #eef5f1;
  --md-border:        #c8dbd0;
  --md-text:          #1a2e1f;
  --md-text-muted:    #5a7a64;
  --md-titled-bg:     #c8ddd4;
  --md-titled-color:  #0a4a25;
  --md-titled-border: #136c3b;
  --md-shadow-sm:     0 1px 4px rgba(0,0,0,0.07);
  --md-shadow-md:     0 4px 16px rgba(0,0,0,0.09);
  --md-shadow-lg:     0 10px 36px rgba(0,0,0,0.13);
  --md-radius-sm:     6px;
  --md-radius-md:     10px;
  --md-radius-lg:     16px;
  --md-ease:          cubic-bezier(0.4, 0, 0.2, 1);
}

/* ------------------------------------------------------------------ */
/* TYPOGRAPHY                                                           */
/* ------------------------------------------------------------------ */
body,
input, button, select, textarea, .btn, label, th, td {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
body {
  background-color: #bed0c6;
  background-image: linear-gradient(160deg, #b8cfc5 0%, #c6d9ce 60%, #bed0c6 100%);
  background-attachment: fixed;
  color: var(--md-text);
}
h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* ------------------------------------------------------------------ */
/* NAVBAR                                                               */
/* ------------------------------------------------------------------ */
.navbar {
  box-shadow: 0 2px 16px rgba(0,0,0,0.28);
}
.navbar-inverse .navbar-inner {
  background-color:  #0b1d12;
  background-image:  linear-gradient(90deg, #0b1d12 0%, #1a4f2a 100%) !important;
  border-bottom:     1px solid rgba(113,191,69,0.22);
  filter: none;
}
.navbar .brand {
  color: #71bf45 !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.3px;
  text-shadow: 0 0 18px rgba(113,191,69,0.28);
}
.navbar .brand:hover {
  color: #8fcc5e !important;
  text-decoration: none;
}
.navbar .nav > li > a {
  color: #9dbfab;
  text-shadow: none;
  transition: color 0.18s var(--md-ease), background-color 0.18s var(--md-ease);
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  color: #71bf45;
  background-color: rgba(113,191,69,0.1);
  text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover {
  background-color: rgba(113,191,69,0.15) !important;
  color: #71bf45 !important;
  text-shadow: none;
}

/* ------------------------------------------------------------------ */
/* SIDEBAR / SITEMAP                                                    */
/* ------------------------------------------------------------------ */
.well.sidebar-nav {
  background:       var(--md-surface);
  background-image: none !important;
  border:           1px solid var(--md-border);
  border-radius:    var(--md-radius-md);
  box-shadow:       var(--md-shadow-sm);
  padding:          10px;
  max-height:       calc(100vh - 90px);
  overflow-y:       auto;
  overflow-x:       hidden;
}
.sitemap {
  background:       var(--md-surface);
  background-image: none !important;
  border:           1px solid var(--md-border);
  border-radius:    var(--md-radius-sm);
  box-shadow:       var(--md-shadow-sm);
}
.sidebar-title {
  color: #155724;
}

/* ------------------------------------------------------------------ */
/* BUTTONS                                                              */
/* ------------------------------------------------------------------ */
.btn {
  border-radius:    var(--md-radius-sm);
  text-shadow:      none !important;
  filter:           none !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  box-shadow:       0 1px 3px rgba(0,0,0,0.08);
  transition:       box-shadow 0.18s var(--md-ease),
                    background-color 0.18s var(--md-ease),
                    border-color 0.18s var(--md-ease);
}
.btn:hover,
.btn:focus {
  box-shadow:       0 3px 10px rgba(0,0,0,0.13);
  filter:           none !important;
  background-image: none !important;
  background-position: 0 0 !important;
}
.btn:active {
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.btn-success {
  background:       #27ae60;
  background-image: none !important;
  border-color:     #219a52 #219a52 #1a7d43;
  color: #fff;
}
.btn-success:hover, .btn-success:focus {
  background:       #219a52;
  background-image: none !important;
  color: #fff;
}
.btn-primary {
  background:       #2e86de;
  background-image: none !important;
  border-color:     #2378cb #2378cb #1c5fa0;
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background:       #2378cb;
  background-image: none !important;
  color: #fff;
}
.btn-danger {
  background:       #e74c3c;
  background-image: none !important;
  border-color:     #d44133 #d44133 #b0352a;
  color: #fff;
}
.btn-danger:hover {
  background:       #d44133;
  background-image: none !important;
  color: #fff;
}
.btn-warning {
  background:       #e67e22;
  background-image: none !important;
  border-color:     #d0701d #d0701d #a95a18;
  color: #fff;
}
.btn-warning:hover {
  background:       #d0701d;
  background-image: none !important;
  color: #fff;
}
.btn-info {
  background:       #17a2b8;
  background-image: none !important;
  border-color:     #138496 #138496 #0e6578;
  color: #fff;
}
.btn-info:hover {
  background:       #138496;
  background-image: none !important;
  color: #fff;
}
.btn-inverse {
  background:       #2d3748;
  background-image: none !important;
  border-color:     #1a2332 #1a2332 #0d1219;
  color: #fff;
}
.btn-inverse:hover {
  background:       #1a2332;
  background-image: none !important;
  color: #fff;
}
.btn-egreen-dark {
  background:       var(--md-green-dark);
  background-image: none !important;
  border-color:     #0f5430 #0f5430 #083a21;
  color: #fff;
  text-shadow: none;
}
.btn-egreen-dark:hover {
  background:       #1a8a4a;
  background-image: none !important;
  color: #fff;
}
.appmenu .btn,
.appmenu .btn-primary {
  background-color: rgba(255,255,255,0.12);
  background-image: none !important;
  border-color:     rgba(113,191,69,0.4) !important;
  color:            #c8eab0 !important;
  text-shadow:      none !important;
  filter:           none !important;
}
.appmenu .btn:hover,
.appmenu .btn-primary:hover,
.appmenu .btn-group.open > .btn,
.appmenu .btn-group.open > .btn-primary {
  background-color: #71bf45 !important;
  background-image: none !important;
  color:            #ffffff !important;
  border-color:     #5aa334 !important;
}
.btn-index-bar {
  background:       #ffffff;
  background-image: none !important;
  border:           1.5px solid var(--md-border) !important;
  border-radius:    var(--md-radius-md) !important;
  box-shadow:       var(--md-shadow-sm);
  color:            var(--md-text);
  font-size:        13.5px;
  transition:       background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.btn-index-bar:hover {
  background:   rgba(113,191,69,0.07);
  border-color: var(--md-green-light) !important;
  color:        var(--md-green-dark);
  box-shadow:   var(--md-shadow-md);
}

/* ------------------------------------------------------------------ */
/* FORM INPUTS                                                          */
/* ------------------------------------------------------------------ */
input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
  border:           1.5px solid #c4d6ca;
  border-radius:    var(--md-radius-sm);
  background-color: #ffffff;
  /*color:            var(--md-text);*/
  transition:       border-color 0.18s var(--md-ease),
                    box-shadow 0.18s var(--md-ease);
  box-shadow: none;
  font-weight: 600;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: var(--md-green-light);
  box-shadow:   0 0 0 3px rgba(113,191,69,0.18);
  outline:      none;
}

/* ------------------------------------------------------------------ */
/* TABS                                                                 */
/* ------------------------------------------------------------------ */
.tabbable { height: auto; min-height: 38px; }
.nav-tabs {
  border-bottom: 2px solid var(--md-border);
  margin-bottom: 0;
  text-transform: uppercase;
}
.nav-tabs > li > a {
  border-radius:    var(--md-radius-sm) var(--md-radius-sm) 0 0;
  color:            #3a5c42;
  background-color: transparent;
  background-image: none !important;
  border:           1px solid transparent;
  padding:          7px 14px;
  font-weight:      500;
  font-size:        12.5px;
  transition:       all 0.18s var(--md-ease);
}
.nav-tabs > li > a:hover {
  background-color: rgba(113,191,69,0.08);
  background-image: none !important;
  color:            var(--md-green-dark);
  border-color:     var(--md-border) var(--md-border) transparent;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  background-color: #d4edda;
  background-image: none !important;
  border:           1px solid var(--md-border);
  border-bottom-color: #d4edda;
  color:            var(--md-green-dark);
  font-weight:      600;
  box-shadow:       inset 0 2px 0 var(--md-green-dark);
  cursor:           pointer;
}
.tab-pane {
  background-color: #d4edda !important;
  border:           1px solid var(--md-border);
  border-top:       none;
  border-radius:    0 var(--md-radius-sm) var(--md-radius-sm) var(--md-radius-sm);
  box-shadow:       0 2px 8px rgba(0,0,0,0.04);
}

/* ------------------------------------------------------------------ */
/* JTABLE                                                               */
/* ------------------------------------------------------------------ */
div.jtable-main-container {
  border-radius: var(--md-radius-sm);
  box-shadow:    var(--md-shadow-md);
}
div.jtable-main-container > table.jtable > thead {
  background-color: #dff0e8;
  background-image: linear-gradient(90deg, #d4ebe0 0%, #dff0e8 100%) !important;
  color:            #0a3d20;
}
div.jtable-main-container > table.jtable > thead th {
  color:       #0a4a25 !important;
  font-weight: 600;
  padding:     1px 1px;
  border:      none;
  text-shadow: none;
}
div.jtable-main-container > table.jtable > tbody > tr {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  transition:  background-color 0.14s ease;
}
div.jtable-main-container > table.jtable > tbody > tr {
  background-color: #f5faf7;
}
div.jtable-main-container > table.jtable > tbody > tr:nth-child(even) {
  background-color: #e8f2ed;
}
div.jtable-main-container > table.jtable > tbody > tr:hover {
  background-color: #c2dfd0 !important;
}
div.jtable-main-container > div.jtable-bottom-panel {
  background-color: #e8f4ee;
  background-image: none !important;
  color:            #0a4a25;
  font-weight:      500;
  height:           auto;
  min-height:       38px;
  padding:          5px 10px;
}
.jtable-page-number-first,
.jtable-page-number-previous,
.jtable-page-number-next,
.jtable-page-number-last {
  background-color: rgba(19,108,59,0.15) !important;
  border-radius:    5px !important;
  color:            #136c3b !important;
  transition:       background-color 0.15s ease;
}
div.jtable-main-container > div.jtable-bottom-panel
  .jtable-page-list .jtable-page-number:hover,
.jtable-page-number-first:hover,
.jtable-page-number-previous:hover,
.jtable-page-number-next:hover,
.jtable-page-number-last:hover {
  background-color: rgba(19,108,59,0.28) !important;
}

/* ------------------------------------------------------------------ */
/* WELL                                                                 */
/* ------------------------------------------------------------------ */
.well {
  background:       var(--md-surface);
  background-image: none !important;
  border:           1px solid var(--md-border);
  border-radius:    var(--md-radius-md);
  box-shadow:       var(--md-shadow-sm);
  padding:          10px;
}

/* ------------------------------------------------------------------ */
/* ALERTS                                                               */
/* ------------------------------------------------------------------ */
.alert {
  border-radius:    var(--md-radius-sm);
  border:           none;
  border-left:      4px solid transparent;
  padding:          10px 14px;
  background-image: none !important;
  box-shadow:       var(--md-shadow-sm);
}
.alert-success {
  background-color: #d4edda;
  border-left-color: #27ae60;
  color: #155724;
}
.alert-error {
  background-color: #f8d7da;
  border-left-color: #e74c3c;
  color: #721c24;
}
.alert-warning {
  background-color: #fff3cd;
  border-left-color: #e67e22;
  color: #7d4e00;
}
.alert-info {
  background-color: #d1ecf1;
  border-left-color: #17a2b8;
  color: #0c5460;
}

/* ------------------------------------------------------------------ */
/* JQUERY UI DIALOGS                                                    */
/* ------------------------------------------------------------------ */
.ui-widget-overlay {
  background: rgba(0,0,0,0.42) !important;
  opacity:    1 !important;
  filter:     none !important;
}
.ui-dialog {
  border-radius: var(--md-radius-lg) !important;
  border:        1px solid var(--md-border) !important;
  box-shadow:    0 20px 64px rgba(0,0,0,0.18) !important;
  padding:       0 !important;
}
.ui-dialog-titlebar {
  background-color: #136c3b !important;
  background-image: linear-gradient(135deg, #0c2818 0%, #1a6e40 100%) !important;
  color:            #ffffff !important;
  border-radius:    var(--md-radius-lg) var(--md-radius-lg) 0 0 !important;
  border-bottom:    1px solid rgba(255,255,255,0.08) !important;
  padding:          12px 16px !important;
  font-size:        14px;
  font-weight:      600;
  letter-spacing:   0.2px;
}
.ui-dialog-titlebar .ui-dialog-title {
  color: #ffffff !important;
}
.ui-dialog-titlebar .ui-button {
  color:      rgba(255,255,255,0.55) !important;
  background: transparent !important;
  border:     none !important;
  box-shadow: none !important;
  transition: color 0.15s ease !important;
}
.ui-dialog-titlebar .ui-button:hover {
  color: rgba(255,255,255,0.95) !important;
}
.ui-dialog-content {
  background-color: #71bf4544 !important;
  background-image: none !important;
  padding:          16px !important;
}
.ui-dialog-buttonpane {
  background-color: #71bf4544 !important;
  background-image: none !important;
  border-top:       1px solid var(--md-border) !important;
  padding:          10px 16px !important;
  margin:           0 !important;
}

/* ------------------------------------------------------------------ */
/* DROPDOWN                                                             */
/* ------------------------------------------------------------------ */
.dropdown-menu {
  border-radius: var(--md-radius-md);
  border:        1px solid var(--md-border);
  box-shadow:    var(--md-shadow-lg);
  padding:       6px 0;
  background:    #ffffff;
}
.dropdown-menu > li > a {
  padding:    7px 16px;
  font-size:  12.5px;
  color:      var(--md-text);
  transition: background-color 0.14s ease;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu.open > a {
  background-color: #71bf45 !important;
  background-image: none !important;
  color:            #ffffff !important;
}

/* ------------------------------------------------------------------ */
/* BADGES                                                               */
/* ------------------------------------------------------------------ */
.badge {
  border-radius: 10px;
  font-size:     10px;
  font-weight:   600;
  padding:       2px 7px;
}

/* ------------------------------------------------------------------ */
/* SECTION LABELS                                                       */
/* ------------------------------------------------------------------ */
.esection {
  font-size:      115%;
  font-weight:    600;
  color:          var(--md-green-dark);
  border-bottom:  1px solid rgba(19,108,59,0.2);
  padding-bottom: 4px;
  margin-bottom:  12px;
  text-transform: uppercase;
}
.zone-head {
  color:         var(--md-green-dark);
  font-weight:   600;
  border-bottom: 2px solid var(--md-green-light);
  padding-bottom: 3px;
  margin-bottom:  8px;
}
.section-heading {
  color:          #4a6c54;
  font-size:      11.5px;
  font-weight:    600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-shadow:    none;
  margin-top:     10px;
}

/* ------------------------------------------------------------------ */
/* PANELS / BOXES                                                       */
/* ------------------------------------------------------------------ */
.rounded-box {
  border:        1px solid var(--md-border);
  border-radius: var(--md-radius-md);
  padding:       12px;
  background:    var(--md-surface);
  box-shadow:    var(--md-shadow-sm);
  margin:        0 8px 10px 0;
}
.titled-bg {
  background:     var(--md-titled-bg) !important;
  color:          var(--md-titled-color) !important;
  font-weight:    600 !important;
  font-style:     normal !important;
  font-size:      13px !important;
  letter-spacing: 0.2px !important;
  border-radius:  var(--md-radius-sm) var(--md-radius-sm) 0 0;
  border-left:    3px solid var(--md-titled-border) !important;
  padding:        8px 10px !important;
}
.titled-panel {
  border:        1px solid var(--md-border);
  border-radius: var(--md-radius-sm);
  overflow:      hidden;
}
.selazienda {
  background:       var(--md-surface);
  background-image: none !important;
  border:           1px solid var(--md-border);
  border-radius:    var(--md-radius-sm);
  color:            var(--md-green-dark);
}

/* ------------------------------------------------------------------ */
/* AB-INDEX                                                             */
/* ------------------------------------------------------------------ */
.ab-index-unselected {
  background-color: #daeee3;
  color:            #2a5c3a;
  border-radius:    var(--md-radius-sm);
}
.ab-index-selected {
  background-color: #136c3b;
  color:            #ffffff;
  border-radius:    var(--md-radius-sm);
}

/* ------------------------------------------------------------------ */
/* HELPER TABLE (autocomplete)                                          */
/* ------------------------------------------------------------------ */
.helper-table {
  border:        1px solid var(--md-border);
  border-radius: var(--md-radius-sm);
  box-shadow:    var(--md-shadow-lg);
  background:    #ffffff;
}
.helper-row-even {
  background-color: #f5fbf7 !important;
  color: var(--md-text) !important;
}
.helper-row-odd {
  background-color: #ffffff !important;
  color: var(--md-text) !important;
}
.helper-row-selected {
  background-color: #a8d5b8 !important;
  color: #1a3a22 !important;
}
.helper-table .helper-row-even:hover,
.helper-table .helper-row-odd:hover,
.helper-table .helper-row-selected:hover {
  background-color: #9fd4b5 !important;
  color: #1a3a22 !important;
}
.helper-table .helper-row-even:hover > td,
.helper-table .helper-row-odd:hover > td,
.helper-table .helper-row-selected:hover > td {
  background-color: #9fd4b5 !important;
  color: #1a3a22 !important;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #ddeee4 !important;
}

/* ------------------------------------------------------------------ */
/* FILTER OVERLAY                                                       */
/* ------------------------------------------------------------------ */
.helper-filters-box {
  border-radius: var(--md-radius-md);
  border:        1px solid var(--md-border);
  box-shadow:    var(--md-shadow-lg);
  overflow:      hidden;
  background:    #f7fbf8;
}
.helper-filters-title {
  background-color: #0b1d12;
  background-image: linear-gradient(90deg, #0b1d12, #136c3b) !important;
  color:            white;
  padding:          10px 14px;
  font-weight:      600;
  font-size:        13px;
}

/* ------------------------------------------------------------------ */
/* JSTREE                                                               */
/* ------------------------------------------------------------------ */
.jstree-custom {
  background-color: #ffffff;
  border:           1px solid var(--md-border);
  border-radius:    var(--md-radius-sm);
  box-shadow:       var(--md-shadow-lg);
}

/* ------------------------------------------------------------------ */
/* USER PANEL                                                           */
/* ------------------------------------------------------------------ */
@keyframes userPanelSlide {
  from { transform: translateX(calc(100% + 8px)); opacity: 0; }
  to   { transform: translateX(0);                 opacity: 1; }
}
#userpanel {
  position:      fixed !important;
  right:         0 !important;
  top:           40px !important;
  left:          auto !important;
  width:         268px !important;
  background:    #ffffff;
  border-left:   1px solid rgba(19,108,59,0.14);
  border-bottom: 1px solid rgba(19,108,59,0.14);
  border-right:  none;
  border-top:    none;
  border-radius: 0 0 0 16px;
  box-shadow:    -4px 8px 40px rgba(0,0,0,0.16), 0 1px 0 rgba(0,0,0,0.04);
  padding:    0 !important;
  overflow:   hidden;
  z-index:    1002 !important;
  animation: userPanelSlide 0.32s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
#userpanel > .pwd-container:first-child {
  background:     linear-gradient(135deg, #0c2818 0%, #1a6e40 100%);
  color:          #ffffff !important;
  padding:        20px 18px 16px;
  font-size:      15px;
  font-weight:    600;
  letter-spacing: 0.2px;
  position:       relative;
}
#userpanel > .pwd-container:first-child::before {
  content:        '';
  display:        inline-block;
  width:          36px;
  height:         36px;
  border-radius:  50%;
  background:     rgba(255,255,255,0.15);
  border:         2px solid rgba(255,255,255,0.3);
  vertical-align: middle;
  margin-right:   10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.7)'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  flex-shrink: 0;
}
#userpanel > .pwd-container:nth-child(2) {
  display:        flex;
  align-items:    center;
  gap:            8px;
  padding:        14px 14px;
  background:     #f8fbf9;
  border-bottom:  1px solid #e4eeea;
}
#userpanel .btn-warning {
  flex: 1; border-radius: 8px !important; font-weight: 600 !important;
  font-size: 13px !important; padding: 8px 10px !important;
  background-color: #e67e22 !important; background-image: none !important;
  border-color: transparent !important; color: white !important;
  text-shadow: none !important; box-shadow: 0 2px 8px rgba(230,126,34,0.28) !important;
  transition: all 0.18s ease !important;
}
#userpanel .btn-warning:hover {
  background-color: #d0711d !important;
  box-shadow: 0 4px 12px rgba(230,126,34,0.4) !important;
  transform: translateY(-1px) !important;
}
#userpanel .btn-info {
  flex: 1; border-radius: 8px !important; font-weight: 600 !important;
  font-size: 13px !important; padding: 8px 10px !important;
  background-color: #2e86de !important; background-image: none !important;
  border-color: transparent !important; color: white !important;
  text-shadow: none !important; box-shadow: 0 2px 8px rgba(46,134,222,0.28) !important;
  transition: all 0.18s ease !important;
}
#userpanel .btn-info:hover {
  background-color: #2378cb !important;
  box-shadow: 0 4px 12px rgba(46,134,222,0.4) !important;
  transform: translateY(-1px) !important;
}
#userpanel .user-logout-icon {
  width: 30px !important; height: 30px !important; padding: 6px !important;
  border-radius: 50% !important; border: 1px solid rgba(231,76,60,0.22) !important;
  background: rgba(231,76,60,0.06) !important; transition: all 0.18s ease; opacity: 0.8;
}
#userpanel .user-logout-icon:hover {
  background: rgba(231,76,60,0.15) !important;
  border-color: rgba(231,76,60,0.5) !important;
  opacity: 1;
}
#userpanel hr {
  margin: 0; border: none; border-top: 1px solid #e4eeea;
}
#userpanel > .pwd-container:nth-child(4) { display: none; }
#userpanel > .pwd-container:nth-child(4):not(:empty) {
  display: block; padding: 10px 14px;
}
#userpanel > .pwd-container:last-child {
  padding: 10px 14px 14px; background: #fafdfb;
}
#userpanel > .pwd-container:last-child > .pwd-container:first-child {
  font-size: 10.5px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.7px; color: #8aaa94; margin-bottom: 6px;
  text-align: center !important;
}
#userpanel > .pwd-container:last-child > .pwd-container:last-child {
  display: flex; justify-content: center; align-items: center; gap: 2px;
}
#userpanel > .pwd-container:last-child > .pwd-container:last-child
  > .pwd-container:nth-child(odd) {
  padding: 5px 12px; border-radius: 20px; font-size: 12.5px;
  font-weight: 500; color: #4a7a5a; cursor: pointer; transition: all 0.15s ease;
}
#userpanel > .pwd-container:last-child > .pwd-container:last-child
  > .pwd-container:nth-child(odd):hover {
  background: rgba(19,108,59,0.1); color: #136c3b;
}
#userpanel > .pwd-container:last-child > .pwd-container:last-child
  > .pwd-container:nth-child(even) {
  color: #c8d8cc; font-size: 12px;
}

/* ------------------------------------------------------------------ */
/* SHORTCUT CARDS                                                       */
/* ------------------------------------------------------------------ */
.shcut-manager-inner {
  border-radius: var(--md-radius-lg);
  transition:    transform 0.24s var(--md-ease), box-shadow 0.24s var(--md-ease);
}
.shcut-settings {
  border-radius: var(--md-radius-lg);
}

/* ------------------------------------------------------------------ */
/* LINKS                                                                */
/* ------------------------------------------------------------------ */
a { color: var(--md-green-dark); transition: color 0.14s ease; }
a:hover { color: #1a8a4a; }
.navbar a       { color: #9dbfab; }
.navbar a:hover { color: #71bf45; }

/* ------------------------------------------------------------------ */
/* WEBKIT SCROLLBAR                                                     */
/* ------------------------------------------------------------------ */
::-webkit-scrollbar              { width: 6px; height: 6px; }
::-webkit-scrollbar-track        { background: #edf4f0; }
::-webkit-scrollbar-thumb        { background: #c0d4c8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover  { background: var(--md-green-light); }

/* ------------------------------------------------------------------ */
/* RESET bg.png texture (Standard usa background-image: url(bg.png))  */
/* ------------------------------------------------------------------ */
.alert, .well, .selazienda, .sitemap, .recnav,
.active, li > .active,
.ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane,
.btn-index-bar {
  background-image: none !important;
}