/* People — tema di Modoboa 2.11 (srvmail.wearepeople.it): interfaccia nuova (Vue + Vuetify 3). Solo aspetto.
   Come authentik, OpenCloud, Vault e Vaultwarden: fondo quasi nero, Geist + Geist Mono, filetti da 1px,
   angoli 6/9/12, bottoni principali chiari, rosso #e63c2e solo come piccolo accento. Scuro per tutti.
   Vuetify mette tema e utilità in @layer: le variabili qui sotto (fuori da ogni layer) vincono sempre.
   Le poche regole che devono battere un "!important" di Vuetify stanno nel layer "people", dichiarato
   per primo in <head> da nginx: per gli !important il primo layer vince.
   Si aggancia a classi interne di Modoboa/Vuetify: dopo ogni aggiornamento di Modoboa va ricontrollato con gli screenshot. */

@font-face{font-family:Geist;src:url("fonts/geist.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

:root,.v-theme--light,.v-theme--dark{
  color-scheme:dark;
  --ppl-bg:#0a0a0b;--ppl-side:#0c0c0e;--ppl-panel:#0f0f11;--ppl-hi:#151518;--ppl-hi2:#1c1c20;--ppl-hi3:#232327;
  --ppl-fg:#f4f4f2;--ppl-muted:rgba(244,244,242,.74);--ppl-dim:rgba(244,244,242,.56);--ppl-faint:rgba(244,244,242,.34);
  --ppl-line:rgba(255,255,255,.06);--ppl-line2:rgba(255,255,255,.11);--ppl-line3:rgba(255,255,255,.18);--ppl-red:#e63c2e;
  --ppl-sans:Geist,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--ppl-mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --ppl-r1:6px;--ppl-r2:9px;--ppl-r3:12px;

  --v-font-body:var(--ppl-sans);--v-font-heading:var(--ppl-sans);
  --v-theme-background:10,10,11;--v-theme-on-background:244,244,242;
  --v-theme-surface:15,15,17;--v-theme-on-surface:244,244,242;
  --v-theme-surface-bright:21,21,24;--v-theme-on-surface-bright:244,244,242;
  --v-theme-surface-light:21,21,24;--v-theme-on-surface-light:244,244,242;
  --v-theme-surface-variant:35,35,39;--v-theme-on-surface-variant:244,244,242;
  --v-theme-primary:244,244,242;--v-theme-on-primary:10,10,11;
  --v-theme-primary-darken-1:214,214,211;--v-theme-on-primary-darken-1:10,10,11;
  --v-theme-primary-lighten-1:255,255,255;--v-theme-on-primary-lighten-1:10,10,11;
  --v-theme-secondary:244,244,242;--v-theme-on-secondary:10,10,11;
  --v-theme-secondary-darken-1:214,214,211;--v-theme-on-secondary-darken-1:10,10,11;
  --v-theme-error:255,138,125;--v-theme-on-error:10,10,11;
  --v-theme-info:122,162,255;--v-theme-on-info:10,10,11;
  --v-theme-success:79,209,139;--v-theme-on-success:10,10,11;
  --v-theme-warning:242,179,102;--v-theme-on-warning:10,10,11;
  --v-theme-label:146,146,144;--v-theme-on-label:10,10,11;
  --v-theme-kbd:28,28,32;--v-theme-on-kbd:244,244,242;--v-theme-code:21,21,24;--v-theme-on-code:244,244,242;
  --v-theme-on-dark:244,244,242;--v-theme-on-light:10,10,11;
  --v-border-color:255,255,255;--v-border-opacity:.11;--v-shadow-color:0,0,0;
  --v-high-emphasis-opacity:.94;--v-medium-emphasis-opacity:.62;--v-disabled-opacity:.38;
  --v-idle-opacity:.04;--v-hover-opacity:.05;--v-focus-opacity:.1;--v-selected-opacity:.08;--v-activated-opacity:.1;--v-pressed-opacity:.12;--v-dragged-opacity:.08;
  --v-elevation-overlay-color:transparent;--v-elevation-overlay-opacity-step:0%;--v-highlight-opacity:6%;
  --v-theme-overlay-multiplier:1;
}

html,body{background:var(--ppl-bg)!important;color:var(--ppl-fg);font-family:var(--ppl-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{scrollbar-width:thin;scrollbar-color:var(--ppl-hi3) transparent}
::selection{background:rgba(230,60,46,.35);color:#fff}
.v-application{background:var(--ppl-bg)!important;color:var(--ppl-fg)!important;font-family:var(--ppl-sans)}
.v-application,.v-application .text-body-1,.v-application .text-body-2,.v-application .text-subtitle-1,.v-application .text-subtitle-2,
.v-application [class*=text-h],.v-application .text-caption,.v-application .text-overline,.v-application .text-button{font-family:var(--ppl-sans)}
.v-main{background:var(--ppl-bg)}
/* Modoboa colora di grigio chiaro (#f7f8fa) fondo, barre e schede con regole proprie, alcune "!important": qui più specifiche */
.v-application.v-application{background-color:var(--ppl-bg)!important}
.v-application .v-main.v-main{background-color:var(--ppl-bg)!important}
.v-application .v-toolbar.v-toolbar,.v-application .v-tabs-items.v-tabs-items{background-color:var(--ppl-bg)!important}
/* barre dentro un pannello (messaggio, scrittura, impostazioni): stesso fondo del pannello */
.v-application .v-card .v-toolbar.v-toolbar,.v-application .v-sheet .v-toolbar.v-toolbar,.v-application .v-card .v-tabs-items.v-tabs-items{background-color:transparent!important}
.v-application .v-text-field--outlined fieldset{border-color:var(--ppl-line3)!important}
.v-application .v-menu__content{background:var(--ppl-panel)!important}
.v-application .dkim{background:var(--ppl-hi)!important}
:focus-visible{outline:1px solid rgba(244,244,242,.7)!important;outline-offset:2px}
a{color:var(--ppl-fg)}

/* ---------- titoli ---------- */
.v-application .text-h4,.v-application .text-h5,.v-application .text-h6{letter-spacing:-.012em;font-weight:500}
.v-application h1,.v-application h2{font-weight:500;letter-spacing:-.015em}

/* ---------- menu laterale ---------- */
.v-navigation-drawer{background:var(--ppl-side)!important;color:var(--ppl-fg)!important;border-right:1px solid var(--ppl-line2)!important;box-shadow:none!important}
.v-navigation-drawer.bg-primary{--v-theme-primary:12,12,14;--v-theme-on-primary:244,244,242;--v-theme-primary-lighten-1:28,28,32;--v-theme-on-primary-lighten-1:244,244,242}
.v-navigation-drawer .v-img.logo{flex:0 0 auto!important;width:84px!important;max-width:84px!important;height:24px!important;margin:20px 0 12px 22px!important}
.v-navigation-drawer .v-img.logo .v-responsive__sizer{display:none!important}
.v-navigation-drawer .v-img.logo img{object-position:left center!important}
.v-navigation-drawer--rail .v-img.logo{width:26px!important;max-width:26px!important;height:26px!important;margin:18px 0 12px 15px!important;background:url("favicon.svg") center/contain no-repeat}
.v-navigation-drawer--rail .v-img.logo img{opacity:0!important}
.v-navigation-drawer .v-list{background:transparent!important;color:var(--ppl-fg)!important;padding:4px 10px}
.v-navigation-drawer .v-list-item{min-height:38px!important;border-radius:var(--ppl-r2)!important;margin:0 0 2px;color:var(--ppl-dim)!important;padding-inline:10px!important}
.v-navigation-drawer .v-list-item .v-list-item-title{font-size:14.5px!important;font-weight:400!important;letter-spacing:0!important}
.v-navigation-drawer .v-list-item:hover{color:var(--ppl-fg)!important;background:var(--ppl-hi)}
.v-navigation-drawer .v-list-item .v-list-item__overlay{display:none}
.v-navigation-drawer .v-list-item--active,.v-navigation-drawer .mailbox.bg-primary-lighten-1{background:var(--ppl-hi2)!important;color:var(--ppl-fg)!important;position:relative}
.v-navigation-drawer .v-list-item--active::before,.v-navigation-drawer .mailbox.bg-primary-lighten-1::before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--ppl-red)}
.v-navigation-drawer .v-list-item__prepend > .v-icon,.v-navigation-drawer .v-icon{color:inherit;opacity:.9}
.v-navigation-drawer .v-list-item__prepend{width:auto!important}
.v-navigation-drawer .v-list-item__spacer{width:12px!important}
.v-navigation-drawer .v-list-group__items .v-list-item{padding-inline-start:52px!important;min-height:34px!important}
.v-navigation-drawer .v-list-group__items .v-list-item .v-list-item-title{font-size:14px!important}
.v-navigation-drawer .v-list-group__items .v-list-item--active::before{left:-10px}
.v-navigation-drawer .v-list-subheader{font-family:var(--ppl-mono);font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ppl-faint)!important;padding-inline:10px!important}
.v-navigation-drawer .v-divider{border-color:var(--ppl-line)!important;opacity:1}
/* cartelle della webmail */
.v-navigation-drawer .mailbox{border-radius:var(--ppl-r2)!important;color:var(--ppl-dim);min-height:36px;padding-inline:10px!important;margin:0 0 2px;font-size:14.5px}
.v-navigation-drawer .mailbox.bg-primary{background:transparent!important}
.v-navigation-drawer .mailbox:hover{background:var(--ppl-hi)!important;color:var(--ppl-fg)}
.v-navigation-drawer .mailbox .v-icon{font-size:19px}
/* barra in fondo al menu (impostazioni) */
.v-navigation-drawer .v-navigation-drawer__append,.v-navigation-drawer .v-footer{background:transparent!important;border-top:1px solid var(--ppl-line)!important}

/* ---------- barra in alto e intestazioni ---------- */
.v-app-bar,.v-toolbar{background:var(--ppl-bg)!important;color:var(--ppl-fg)!important;box-shadow:none!important;border-bottom:1px solid var(--ppl-line)}
.v-toolbar-title__placeholder{font-weight:500;letter-spacing:-.012em}
.v-avatar{border-radius:8px!important}
.v-avatar.bg-primary,.v-btn.v-avatar.bg-primary{background:var(--ppl-hi2)!important;color:var(--ppl-muted)!important;box-shadow:inset 0 0 0 1px var(--ppl-line2)}
.v-avatar .v-avatar__content,.v-avatar span{font-size:12px;font-weight:600;letter-spacing:.02em}

/* ---------- superfici ---------- */
.v-card,.v-sheet{background:var(--ppl-panel);color:var(--ppl-fg)}
.v-card{border:1px solid var(--ppl-line2)!important;border-radius:var(--ppl-r3)!important;box-shadow:none!important}
.v-card .v-card{border-color:var(--ppl-line)!important}
.v-card-title,.v-card .v-card-title{font-weight:500!important;letter-spacing:-.01em!important;font-size:17px!important}
.v-card-subtitle{color:var(--ppl-dim)!important;opacity:1!important}
.v-card-text{color:var(--ppl-muted)}
.v-divider{border-color:var(--ppl-line2)!important;opacity:1!important}
.inner{background-color:var(--ppl-panel)!important}
.subtitle{color:var(--ppl-fg)!important;border-bottom-color:var(--ppl-line2)!important}
.choice{background-color:var(--ppl-hi)!important;border-color:var(--ppl-line2)!important;border-radius:var(--ppl-r2)}
.choice--selected{border-color:var(--ppl-fg)!important;box-shadow:inset 0 0 0 1px var(--ppl-fg)}

/* ---------- bottoni ---------- */
.v-btn{border-radius:var(--ppl-r2)!important;letter-spacing:0!important;font-weight:500!important;box-shadow:none!important}
.v-btn--variant-flat.bg-primary,.v-btn--variant-elevated.bg-primary,.v-btn.bg-secondary,.v-btn--variant-flat.bg-secondary,.v-btn--variant-elevated.bg-secondary{background:var(--ppl-fg)!important;color:var(--ppl-bg)!important}
.v-btn--variant-flat.bg-primary:hover,.v-btn.bg-secondary:hover{filter:brightness(1.06)}
.v-btn--variant-outlined{border:1px solid var(--ppl-line3)!important;color:var(--ppl-fg)!important}
.v-btn--variant-outlined:hover{border-color:rgba(244,244,242,.4)!important}
.v-btn--variant-text,.v-btn--variant-plain{color:var(--ppl-muted)}
.v-btn--variant-text:hover,.v-btn--variant-plain:hover{color:var(--ppl-fg)}
.v-btn--icon{border-radius:var(--ppl-r2)!important}
.v-btn--icon.v-btn--density-default{width:38px;height:38px}
.v-btn .v-btn__overlay{background:var(--ppl-fg)}
.v-btn--variant-flat.bg-primary .v-btn__overlay,.v-btn.bg-secondary .v-btn__overlay{background:#000}
.v-btn.text-error,.v-btn .text-error{color:#ff8a7d!important}
.v-icon-btn{border-radius:var(--ppl-r2)!important}
/* il bottone "apps" (griglia) in alto a destra */
.v-btn.bg-white,.v-btn.bg-surface{background:var(--ppl-hi)!important;color:var(--ppl-muted)!important;box-shadow:inset 0 0 0 1px var(--ppl-line2)!important}

/* ---------- campi ---------- */
.v-field{border-radius:var(--ppl-r2)!important;font-family:var(--ppl-sans);--v-field-border-opacity:1}
.v-field--variant-outlined .v-field__outline{--v-field-border-width:1px;color:var(--ppl-line3)}
.v-field--variant-outlined.v-field--focused .v-field__outline{color:rgba(244,244,242,.62)}
.v-field--variant-outlined .v-field__outline__start{border-radius:var(--ppl-r2) 0 0 var(--ppl-r2)!important;flex-basis:10px!important}
.v-field--variant-outlined .v-field__outline__end{border-radius:0 var(--ppl-r2) var(--ppl-r2) 0!important}
.v-field--variant-filled,.v-field--variant-solo,.v-field--variant-solo-filled{background:var(--ppl-hi)!important;box-shadow:none!important}
.v-field--variant-filled .v-field__overlay{display:none}
.v-field__input,.v-field input,.v-field textarea{color:var(--ppl-fg)!important}
.v-field__input input::placeholder,.v-field textarea::placeholder,input::placeholder{color:var(--ppl-faint)!important;opacity:1}
.v-label{color:var(--ppl-dim)!important;opacity:1!important}
.v-field-label--floating{color:var(--ppl-muted)!important}
.v-messages{color:var(--ppl-faint)!important;opacity:1!important}
.v-input--error .v-messages,.v-field--error .v-field-label{color:#ff8a7d!important}
.v-selection-control .v-icon{color:var(--ppl-dim)}
.v-selection-control--dirty .v-icon,.v-checkbox-btn.v-selection-control--dirty .v-icon{color:var(--ppl-fg)!important}
.v-switch .v-switch__track{background:var(--ppl-hi3)!important;opacity:1}
.v-switch .v-selection-control--dirty .v-switch__track{background:var(--ppl-red)!important}
.v-switch__thumb{background:var(--ppl-fg)!important;box-shadow:none!important}
.v-slider-track__fill{background:var(--ppl-fg)!important}

/* ---------- liste, menu a tendina, dialoghi ---------- */
.v-list{background:transparent;color:var(--ppl-fg)}
.v-list-item-subtitle{color:var(--ppl-dim)!important;opacity:1!important}
.v-overlay__content > .v-card,.v-overlay__content > .v-sheet,.v-menu > .v-overlay__content > .v-list,.v-menu > .v-overlay__content > .v-card{background:var(--ppl-panel)!important;border:1px solid var(--ppl-line2)!important;border-radius:var(--ppl-r3)!important;box-shadow:0 22px 50px -18px rgba(0,0,0,.7)!important}
.v-menu > .v-overlay__content .v-list-item{border-radius:var(--ppl-r1);margin:0 6px;min-height:36px}
.v-menu > .v-overlay__content .v-list{padding:6px 0}
.v-overlay__scrim{background:#000!important;opacity:.62!important}
.v-dialog > .v-overlay__content > .v-card{background:var(--ppl-panel)!important}
.v-dialog .v-card-title{border-bottom:1px solid var(--ppl-line);padding-bottom:14px!important}
.v-tooltip > .v-overlay__content{background:var(--ppl-hi3)!important;color:var(--ppl-fg)!important;border:1px solid var(--ppl-line2);border-radius:var(--ppl-r1)!important;font-size:12.5px}
.v-snackbar__wrapper{background:var(--ppl-hi2)!important;color:var(--ppl-fg)!important;border:1px solid var(--ppl-line2);border-radius:var(--ppl-r3)!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.7)!important}
.v-snackbar__wrapper.bg-success,.v-snackbar--variant-flat.bg-success{box-shadow:inset 3px 0 0 #4fd18b,0 18px 40px -14px rgba(0,0,0,.7)!important}
.v-snackbar__wrapper.bg-error{box-shadow:inset 3px 0 0 var(--ppl-red),0 18px 40px -14px rgba(0,0,0,.7)!important}
.v-alert{border-radius:var(--ppl-r2)!important;border:1px solid var(--ppl-line2)}
.v-chip{border-radius:var(--ppl-r1)!important;font-size:12.5px}
.v-chip--variant-tonal .v-chip__underlay{opacity:.12}
.v-badge__badge{font-family:var(--ppl-mono);font-size:10.5px}
.v-progress-linear__determinate,.v-progress-linear__indeterminate{background:var(--ppl-red)!important}
.v-progress-linear__background{background:var(--ppl-hi2)!important;opacity:1!important}
.v-progress-circular{color:var(--ppl-dim)!important}

/* ---------- schede (tabs) ---------- */
.v-tabs{border-bottom:1px solid var(--ppl-line2)}
.v-tab.v-btn{border-radius:0!important;color:var(--ppl-dim)!important;font-weight:400!important}
.v-tab.v-tab--selected,.v-tab.v-btn.v-tab--selected{color:var(--ppl-fg)!important}
.v-tab__slider{background:var(--ppl-red)!important;height:2px!important;opacity:1}

/* ---------- tabelle ---------- */
.v-table,.v-data-table{background:transparent!important;color:var(--ppl-fg)!important}
.v-table > .v-table__wrapper > table > thead > tr > th,.v-data-table__th{background:var(--ppl-panel)!important;font-family:var(--ppl-mono)!important;font-size:11px!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ppl-faint)!important;border-bottom:1px solid var(--ppl-line2)!important;height:40px!important}
.v-table > .v-table__wrapper > table > tbody > tr > td,.v-data-table__td{border-bottom:1px solid var(--ppl-line)!important;font-size:14.5px}
.v-table > .v-table__wrapper > table > tbody > tr:hover > td{background:var(--ppl-hi)}
.v-data-table-footer{color:var(--ppl-dim);font-size:13px;border-top:1px solid var(--ppl-line)}
.v-data-table-footer .v-field{font-size:13px}
.v-data-table a,.v-table a{color:var(--ppl-fg);text-decoration:none}
.v-data-table a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ppl-faint)}

/* ---------- webmail: elenco dei messaggi ---------- */
.mail-list,.mail-row{font-family:var(--ppl-sans)}
.mail-row{height:42px!important;border-bottom-color:var(--ppl-line)!important;font-size:14.5px}
.mail-row:hover{background:var(--ppl-hi)!important}
.mail-row.selected{background:var(--ppl-hi2)!important}
.mail-row.unread .accent{background:var(--ppl-red)!important;border-radius:2px}
.mail-row .cell-sender{color:var(--ppl-fg)!important}
.mail-row .cell-subject{color:var(--ppl-dim)!important}
.mail-row.unread .cell-sender,.mail-row.unread .cell-subject{color:var(--ppl-fg)!important;font-weight:600}
.mail-row .cell-date{font-family:var(--ppl-mono);font-size:12px!important;color:var(--ppl-faint)!important}
.mail-row .cell-flags,.mail-row .cell-icon{color:var(--ppl-faint)!important}
.mail-row .thread-toggle{background:var(--ppl-hi2)!important;color:var(--ppl-muted)}
.mail-row.mail-row-ghost .ghost-box,.mail-row.mail-row-ghost .ghost-bar{background:var(--ppl-hi2)!important}
.mail-list-header{border-bottom-color:var(--ppl-line2)!important;font-family:var(--ppl-mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ppl-faint)!important}
.mail-toolbar .mail-selection-count{color:var(--ppl-fg)!important}
.mail-toolbar .mail-range{font-family:var(--ppl-mono);font-size:12px!important;color:var(--ppl-faint)!important}
.mail-toolbar .mail-toolbar-separator,.mail-header .mail-header-separator{background:var(--ppl-line2)!important}
/* ---------- webmail: messaggio e conversazione ---------- */
.mail-header .mail-subject{font-weight:500!important;letter-spacing:-.012em}
.mail-header .mail-header-meta,.message-header .message-sender-address,.message-header .message-date{font-family:var(--ppl-mono);font-size:12px!important;color:var(--ppl-faint)!important}
.message-header{border-bottom-color:var(--ppl-line)!important}
.message-header .message-recipients-label,.mail-attachments .mail-attachments-title{font-family:var(--ppl-mono);font-size:10.5px!important;letter-spacing:.14em!important;color:var(--ppl-faint)!important}
.message-header .message-avatar{background:var(--ppl-hi2)!important;color:var(--ppl-muted)!important;border-radius:8px!important}
.thread-panels{border-color:var(--ppl-line2)!important;border-radius:var(--ppl-r3)!important}
.mail-attachments .mail-attachment{background:var(--ppl-hi)!important;border:1px solid var(--ppl-line2)!important;border-radius:var(--ppl-r2)!important}
/* il corpo del messaggio resta su carta chiara: le email in HTML sono pensate per il bianco */
.email-body{border-radius:var(--ppl-r2);background-color:#fff!important}
.v-expansion-panel{background:var(--ppl-panel)!important;color:var(--ppl-fg)!important}
.v-expansion-panel__shadow{display:none}
/* editor di scrittura */
.tiptap,.ProseMirror,.ck-editor__editable,.ql-editor{color:var(--ppl-fg);font-family:var(--ppl-sans)}
.ck.ck-toolbar,.ql-toolbar{background:var(--ppl-hi)!important;border-color:var(--ppl-line2)!important}
.ck.ck-editor__main > .ck-editor__editable,.ql-container{background:var(--ppl-panel)!important;border-color:var(--ppl-line2)!important;color:var(--ppl-fg)}

/* ---------- calendario ---------- */
.v-calendar,.v-calendar-daily,.v-calendar-weekly{background:var(--ppl-panel)!important;color:var(--ppl-fg)!important;border-color:var(--ppl-line2)!important}
[class*=v-calendar-daily__],[class*=v-calendar-daily_head],[class*=v-calendar-weekly__]{border-color:var(--ppl-line)!important}
.v-calendar-daily__interval-text,.v-calendar-daily_head-weekday{font-family:var(--ppl-mono);font-size:10.5px!important;letter-spacing:.12em;color:var(--ppl-faint)!important}
.v-calendar-daily_head-day.v-present .v-calendar-daily_head-day-label .v-btn,.v-present .v-calendar-weekly__day-label .v-btn{background:var(--ppl-red)!important;color:#fff!important}
.text-grey-darken-2{color:var(--ppl-dim)!important}

/* ---------- area amministrazione ---------- */
.v-application .bg-grey-lighten-4,.v-application .bg-grey-lighten-5,.v-application .bg-grey-lighten-3{background:var(--ppl-hi)!important}
.v-application .text-black{color:var(--ppl-fg)!important}
.v-application .text-grey,.v-application .text-medium-emphasis{color:var(--ppl-dim)!important}
.dkimbutton:hover{background-color:var(--ppl-hi2)!important}
.highligth{background-color:var(--ppl-hi3)!important}
.error_tab{color:#ff8a7d!important}
.v-stepper,.v-stepper-header{background:transparent!important;box-shadow:none!important}
.v-stepper-item--selected .v-stepper-item__avatar{background:var(--ppl-fg)!important;color:var(--ppl-bg)!important}
.v-timeline-divider__dot{background:var(--ppl-hi2)!important}
.apexcharts-canvas text,.apexcharts-legend-text{fill:var(--ppl-dim)!important;color:var(--ppl-dim)!important;font-family:var(--ppl-sans)!important}
.apexcharts-gridline,.apexcharts-xaxis line{stroke:var(--ppl-line2)!important}
.apexcharts-toolbar{background:var(--ppl-hi)!important;border:1px solid var(--ppl-line2);border-radius:var(--ppl-r2)!important;padding:3px 6px!important}
.apexcharts-toolbar svg{fill:var(--ppl-dim)!important}
.apexcharts-toolbar .apexcharts-selected svg{fill:var(--ppl-fg)!important}
.apexcharts-menu{background:var(--ppl-panel)!important;border-color:var(--ppl-line2)!important;color:var(--ppl-fg)}
.apexcharts-menu-item:hover{background:var(--ppl-hi2)!important}
.apexcharts-tooltip{background:var(--ppl-hi2)!important;border-color:var(--ppl-line2)!important;color:var(--ppl-fg)!important}

/* ---------- regole che devono battere gli !important delle utilità di Vuetify ---------- */
@layer people{
  .v-application .text-uppercase,.v-btn.text-uppercase{text-transform:none!important}
  .v-navigation-drawer.bg-primary,.v-navigation-drawer[class*=bg-]{background-color:var(--ppl-side)!important;color:var(--ppl-fg)!important}
  .v-navigation-drawer .mailbox.bg-primary{background-color:transparent!important;color:var(--ppl-dim)!important}
  .v-navigation-drawer .mailbox.bg-primary-lighten-1{background-color:var(--ppl-hi2)!important;color:var(--ppl-fg)!important}
  .v-calendar .v-present .v-icon-btn,.v-calendar .v-present .v-btn{background-color:var(--ppl-red)!important;color:#fff!important;border-color:transparent!important}
  .v-calendar .v-btn--icon.bg-primary,.v-calendar .v-icon-btn.bg-primary{background-color:var(--ppl-red)!important;color:#fff!important;box-shadow:none!important}
  .v-btn.bg-success,.v-btn.bg-info,.v-btn.bg-secondary,.v-btn.bg-primary:not(.v-avatar):not(.v-btn--icon){background-color:var(--ppl-fg)!important;color:var(--ppl-bg)!important}
  .v-avatar.bg-primary,.v-btn.v-avatar.bg-primary,.v-btn--icon.bg-primary{background-color:var(--ppl-hi2)!important;color:var(--ppl-muted)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px var(--ppl-line2)!important}
  .v-navigation-drawer .bg-grey,.v-navigation-drawer .bg-grey-lighten-2,.v-navigation-drawer .bg-grey-lighten-3{background-color:transparent!important;color:var(--ppl-dim)!important}
  .v-progress-linear__background.bg-primary,.v-progress-linear__background.bg-info,.v-progress-linear__buffer{background-color:var(--ppl-hi2)!important}
  .v-progress-linear__indeterminate.bg-primary,.v-progress-linear__determinate.bg-primary,.v-progress-linear__determinate.bg-info{background-color:var(--ppl-red)!important}
  .v-application .text-primary{color:var(--ppl-fg)!important}
  .v-application .text-secondary{color:var(--ppl-muted)!important}
  .v-application .bg-white{background-color:var(--ppl-hi)!important;color:var(--ppl-fg)!important}
  .v-application .text-grey-darken-2,.v-application .text-grey-darken-1,.v-application .text-grey{color:var(--ppl-dim)!important}
  .v-application .bg-grey-lighten-4,.v-application .bg-grey-lighten-5,.v-application .bg-grey-lighten-3,.v-application .bg-grey-lighten-2{background-color:var(--ppl-hi)!important;color:var(--ppl-fg)!important}
  .v-application .text-black{color:var(--ppl-fg)!important}
  .v-application .elevation-1,.v-application .elevation-2,.v-application .elevation-3,.v-application .elevation-4{box-shadow:none!important}
}

/* ---------- telefono ---------- */
@media (max-width:760px){
  /* Modoboa tiene il menu aperto e schiaccia la pagina: qui il menu aperto galleggia sopra con un velo scuro,
     la pagina tiene sempre solo lo spazio della barra di icone; "<" lo chiude come prima */
  .v-application:has(.v-navigation-drawer--mobile:not(.v-navigation-drawer--rail)) .v-main{padding-left:56px!important}
  .v-navigation-drawer--mobile:not(.v-navigation-drawer--rail){z-index:1010!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.58),18px 0 40px -10px rgba(0,0,0,.7)!important}
  .mail-row .cell-sender{flex-basis:120px!important}
  .mail-row .cell-date{flex-basis:64px!important}
  .v-data-table__td,.v-table > .v-table__wrapper > table > tbody > tr > td{font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}