/* IMMAGINE UOMO — tema turchese / blu / oro.
   SOLO presentazione: nessuna logica di prenotazione, auth o push modificata.
   Il badge «Notifiche» rimane SOLO nella sezione Profilo. */
:root {
  --iu-turquoise:#05c0bd;
  --iu-turquoise-deep:#079baf;
  --iu-blue:#06458d;
  --iu-blue-deep:#05275c;
  --iu-gold:#f4ca65;
  --iu-gold-bright:#ffdd77;
  --iu-ink:#f5fbff;
  --g:#f4ca65;
  --e:#d8a94c;
  --bg:#08bab9;
  --p:#063f82;
  --t:#f5fbff;
  --m:#d6ebfb;
}
html { background:#059fa9; }
body, body.iu-unified-home {
  background-color:#08b8ba !important;
  background-image:url('./barber-pattern.svg?v=20261101g1'),radial-gradient(ellipse at 48% 10%,#11d3cf 0%,#06bdbf 56%,#079cac 100%) !important;
  background-position:center top,center center !important;
  background-size:470px 680px,cover !important;
  background-repeat:repeat,no-repeat !important;
  background-attachment:fixed,fixed !important;
  color:var(--iu-ink);
}
/* Consistenza su ogni schermata: stessi pannelli, stessi bordi oro. */
body.iu-theme-online .card,
body.iu-theme-online .person,
body.iu-theme-online .appt,
body.iu-theme-online .income-entry,
body.iu-theme-online .iu-detail,
body.iu-theme-online .iu-absence-box,
body.iu-theme-online .iu-absence-card,
body.iu-theme-online .client-card,
body.iu-theme-online .catalog-item,
body.iu-theme-online .catalog-form,
body.iu-theme-online .client-note,
body.iu-theme-online .iu-override,
body.iu-theme-online .iu-settings-extra,
body.iu-theme-online .iu-settings-panel,
body.iu-theme-online .iu-settings-tile,
body.iu-theme-online .iu-news-item,
body.iu-theme-online .iu-social-brand,
body.iu-theme-online .iu-contact-compact,
body.iu-theme-online .iu-modal,
body.iu-theme-online .manual-selected,
body.iu-theme-online .manual-suggestion,
body.iu-theme-online .portrait-card,
body.iu-theme-online .slotappt,
body.iu-theme-online .iu-photo-tile,
body.iu-theme-online .iu-history-row,
body.iu-theme-online .service-check,
body.iu-theme-online .iu-profile-premium,
body.iu-theme-online #iuGoldConfirm,
body.iu-theme-online #iuProfile .iu-profile-notifications {
  background:linear-gradient(145deg,#075ab1 0%,#054688 48%,#052d65 100%) !important;
  border-color:#e9bc5a !important;
  color:var(--iu-ink);
  box-shadow:0 5px 18px #00345d48;
}
body.iu-theme-online .card,body.iu-theme-online .iu-modal {border-width:1.4px;}
body.iu-theme-online .iu-profile-premium {border-radius:22px !important;}
body.iu-theme-online :is(h1,h2,h3,.price,.iu-screen-title,.iu-profile-name,.iu-kicker,.iu-contacts strong,.iu-news-content h3) {color:var(--iu-gold-bright) !important;}
body.iu-theme-online :is(.muted,.meta,.secondary,.miniinfo,.iu-news-meta,.iu-social-state,.iu-home .iu-sub) {color:#deebfa !important;}
body.iu-theme-online a:not(.btn) {color:#ffda80;}
/* Menu principali e tessere cliccabili: blu con scritta e icone oro. */
body.iu-theme-online .iu-menu-btn,
body.iu-theme-online #adminSettings .iu-settings-tile,
body.iu-theme-online .iu-settings-page-back,
body.iu-theme-online .iu-back,
body.iu-theme-online .iu-date-arrow,
body.iu-theme-online .btn,
body.iu-theme-online .btn.gold,
body.iu-theme-online .slotchip,
body.iu-theme-online .photo-pick-btn,
body.iu-theme-online .manual-suggestion,
body.iu-theme-online .iu-quick-free {
  background:linear-gradient(150deg,#0860b7 0%,#064285 50%,#05285e 100%) !important;
  color:var(--iu-gold-bright) !important;
  border:1.5px solid #f1c45b !important;
  box-shadow:0 4px 12px #00325b70 !important;
  text-decoration:none;
}
body.iu-theme-online .iu-menu-btn {border-radius:20px;min-height:70px;box-shadow:0 7px 18px #00325b70 !important;}
body.iu-theme-online .iu-menu-btn :is(span,strong,small,svg) {color:#ffdc7b;}
body.iu-theme-online :is(button,.iu-menu-btn,a):focus-visible {outline:3px solid #fff4b5;outline-offset:3px;}
/* Prenotazioni e agenda: contrasto leggibile e stati di errore distinguibili. */
body.iu-theme-online .staffcol {background:#083878!important;border-color:#cfab60!important;}
body.iu-theme-online .staffhead {background:#074b98!important;border-color:#e5b958!important;}
body.iu-theme-online .slotrow {background:#0a4684;border-color:#2e6da7;}
body.iu-theme-online .slotrow:nth-child(odd) {background:#0c508f;}
body.iu-theme-online .slotrow.busy {background:#173465;border-color:#d3a85b;}
body.iu-theme-online .slotrow.lunch {background:#1b3661;color:#d7e2f2;}
body.iu-theme-online .slotclock {color:#ffdb87;}
body.iu-theme-online .slotappt b {color:#ffdc83;}
body.iu-theme-online .notice {background:#0c4b8c;border-color:#e7bc5d;color:#f8f4df;}
body.iu-theme-online :is(.danger,.iu-overdue,.iu-absence-conflict) {background-color:#682e38!important;border-color:#ffa48b!important;color:#fff1ea!important;}
body.iu-theme-online .whatsapp-link {background:#154e47!important;border-color:#59d3a2!important;color:#d5fff0!important;}
body.iu-theme-online :is(input,select,textarea,.formgrid select,.formgrid input,.controls select,.controls input,.field input,.iu-settings-extra input,.iu-settings-extra select) {
  background:#083a7b!important;
  color:#fff !important;
  border:1px solid #caa554!important;
  border-radius:11px;
}
body.iu-theme-online :is(input,textarea)::placeholder {color:#c5d9f1;}
body.iu-theme-online input[type=checkbox] {accent-color:#f2c761;}
/* Header logo: trasparente, senza cerchio e senza foro nero. */
body.iu-theme-online .iu-brand-header,
body.iu-theme-online.iu-unified-home .iu-brand-header {
  background:transparent!important;
  min-height:0!important;
  padding:24px 14px 2px!important;
  border:0!important;
  box-shadow:none!important;
}
body.iu-theme-online .iu-brand-header:before {display:none!important;}
body.iu-theme-online .iu-brand-header img {
  display:block!important;
  width:min(88vw,515px)!important;
  height:auto!important;
  max-height:none!important;
  max-width:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 6px 10px #00394948!important;
  margin:0 auto!important;
}
body.iu-theme-online .iu-home,
body.iu-theme-online.iu-unified-home #iuHome.iu-home {
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}
body.iu-theme-online .iu-home .iu-kicker {color:var(--iu-gold-bright)!important;}
body.iu-theme-online .iu-home .iu-sub {color:#ffffff!important;}
body.iu-theme-online #iuTopline.iu-home-compact {background:transparent!important;}
body.iu-theme-online main {background:transparent!important;}
/* Navigazione inferiore blu con evidenziazione dorata. */
body.iu-theme-online .iu-bottom-nav {
  background:linear-gradient(100deg,#06488b,#03265c)!important;
  border-top:2px solid var(--iu-gold)!important;
  box-shadow:0 -4px 16px #00446650;
}
body.iu-theme-online .iu-bottom-nav button {color:#fff2c8!important;}
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] {
  color:#03245b!important;
  background:linear-gradient(135deg,#fff19d,#f0ba38)!important;
  border:1px solid #ffe6a3;
  box-shadow:0 3px 12px #0005;
}
/* Pannello notifiche ESCLUSIVAMENTE Profilo, senza spostare DOM o listener. */
body.iu-theme-online #iuProfile .iu-profile-notifications {
  background:linear-gradient(145deg,#075cac,#053b7f)!important;
  border:1.5px solid #f0c868!important;
}
/* Modale foto/clienti, banner di caricamento e dialog senza effetti collaterali. */
body.iu-theme-online #iuBootStatus {
  background:radial-gradient(circle at top,#10c7c8,#059ba8)!important;
  color:#fff2c7;
}
body.iu-theme-online #iuBootStatus strong {color:#ffd97d;}
body.iu-theme-online #iuBootStatus span {color:#e8faff;}
body.iu-theme-online .iu-modal::backdrop {background:#001e44cc;}

/* Landing / prima apertura: stesso sfondo del resto dell'app. */
body.iu-theme-landing {padding:0!important;}
body.iu-theme-landing .shell {
  background:transparent!important;
  max-width:540px;
  min-height:100svh;
  padding:26px 22px calc(30px + env(safe-area-inset-bottom));
}
body.iu-theme-landing .shell:before {display:none!important;}
body.iu-theme-landing .logo {
  width:min(82vw,345px)!important;
  height:auto!important;
  max-height:44vh!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 7px 18px #003d5d3b!important;
  margin:12px auto auto!important;
}
body.iu-theme-landing .tagline {color:#ffe39a!important;text-shadow:0 1px 7px #007781;font-weight:700;}
body.iu-theme-landing .rule {background:linear-gradient(90deg,transparent,#ffd571,transparent)!important;}
body.iu-theme-landing .button {
  background:linear-gradient(145deg,#075bac,#05316b)!important;
  border:1.5px solid #f8cd68!important;
  color:#ffe19b!important;
  box-shadow:0 6px 16px #00335480!important;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:19px;
  border-radius:19px;
}
body.iu-theme-landing .note,body.iu-theme-landing footer {color:#f5ffff!important;}
body.iu-theme-landing #status {color:#ffedbc!important;}
html.iu-auth-checking body.iu-theme-landing #status::before {color:#ffedbc;}
/* Login / registrazione: blu e oro, niente fondi neri. */
body.iu-theme-auth {padding:0!important;display:block!important;}
body.iu-theme-auth .panel {
  max-width:520px!important;
  width:100%;
  margin:auto!important;
  padding:0 18px 35px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.iu-theme-auth .auth-brand,
body.iu-theme-auth .auth-brand:before {
  background:transparent!important;
}
body.iu-theme-auth .auth-brand:before {display:none!important;}
body.iu-theme-auth .auth-brand img {
  width:min(83vw,345px)!important;
  height:auto!important;
  max-height:45vh!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 6px 12px #003e533f!important;
  margin:0 auto 10px!important;
}
body.iu-theme-auth .auth-brand {padding:23px 0 12px!important;}
body.iu-theme-auth .auth-brand .subtitle {color:#fff1bd!important;}
body.iu-theme-auth :is(#loginMode,#registerMode,#setPassword,#logged,#status) {
  background:linear-gradient(150deg,#0756a6,#063670)!important;
  border:1.5px solid #f2c55e!important;
  border-radius:20px!important;
  box-shadow:0 6px 17px #00355478;
  color:#f5faff!important;
}
body.iu-theme-auth :is(#loginMode,#registerMode,#setPassword,#logged) {padding:19px 16px;}
body.iu-theme-auth :is(h1,h2,.field,label,a,.small) {color:#ffe19a!important;}
body.iu-theme-auth p {color:#ecfaff!important;}
body.iu-theme-auth input {
  background:#063875!important;
  color:#fff!important;
  border:1.5px solid #f0c45d!important;
  border-radius:12px!important;
}
body.iu-theme-auth input::placeholder {color:#e3edfa;}
body.iu-theme-auth button,
body.iu-theme-auth #sendReset,
body.iu-theme-auth #openRegister,
body.iu-theme-auth #returnLogin,
body.iu-theme-auth #logout,
body.iu-theme-auth #logged a {
  display:block;
  width:100%;
  background:linear-gradient(145deg,#0760b4,#042a62)!important;
  color:#ffdc86!important;
  border:1.5px solid #ffd16c!important;
  border-radius:15px!important;
  box-shadow:0 5px 14px #00335b64!important;
  font-weight:700;
  text-align:center;
  text-decoration:none;
}
body.iu-theme-auth #sendReset {box-shadow:none!important;border:0!important;text-decoration:underline;}
body.iu-theme-auth button:focus-visible,body.iu-theme-auth input:focus-visible {outline:2px solid #fff6c4;outline-offset:2px;}
@media(max-width:420px){body.iu-theme-auth .panel{padding:0 14px 28px!important;}}
@media(prefers-reduced-motion:reduce){body.iu-theme-online .iu-menu-btn{transition:none!important;}}
/* Ombre del logo seguono soltanto la parte dorata, mai il rettangolo trasparente. */
body.iu-theme-online .iu-brand-header img,
body.iu-theme-landing .logo,
body.iu-theme-auth .auth-brand img {
  box-shadow:none!important;
  filter:drop-shadow(0 5px 4px #0039516a);
}

/* Immagine Uomo — visual HD refinement 2026-11-01b
   Solo grafica; nessun cambiamento ai dati, alle prenotazioni o alle push. */
body, body.iu-unified-home {
 background-color:#04c4c4!important;
 background-image:url('./barber-pattern.svg?v=20261101g1'),radial-gradient(ellipse 80% 56% at 50% 32%,#09e2d9 0%,#05c9cb 60%,#04a8b4 100%)!important;
 background-repeat:repeat-y,no-repeat!important;
 background-position:center top,center center!important;
 background-size:390px 860px,cover!important;
 background-attachment:scroll,fixed!important;
}
/* The barbershop doodles stay behind the interface, rather than covering the gold logo. */
body.iu-theme-online .iu-brand-header,
body.iu-theme-online.iu-unified-home .iu-brand-header {
 padding:64px 17px 8px!important;
 min-height:0!important;
 overflow:visible!important;
}
body.iu-theme-online .iu-brand-header img {
 width:min(79vw,400px)!important;
 height:auto!important;
 max-width:100%!important;
 border-radius:0!important;
 filter:drop-shadow(0 3px 3px #004a5080)!important;
}
body.iu-theme-online .iu-menu-grid {margin:17px auto 0!important;gap:12px!important;}
body.iu-theme-online .iu-menu-btn {
 padding:12px 16px!important;
 min-height:69px!important;
 background:linear-gradient(145deg,#075bb1 0%,#08498f 44%,#032c66 100%)!important;
 border:2px solid #f5d572!important;
 border-radius:22px!important;
 box-shadow:0 5px 12px #004e655c,inset 0 1px 0 #c3e6ff28!important;
}
body.iu-theme-online .iu-menu-btn span:first-child {
 background:linear-gradient(145deg,#0c599d,#062b61)!important;
 border:2px solid #ffdd77!important;
 border-radius:50%!important;
 width:48px!important;height:48px!important;min-width:48px!important;
 color:#ffdb75!important;
 box-shadow:0 2px 6px #002a4b77!important;
}
body.iu-theme-online .iu-menu-btn .iu-menu-svg {width:29px!important;height:29px!important;}
body.iu-theme-online .iu-menu-btn strong {
 font:700 clamp(18px,4.6vw,22px) Georgia,serif!important;
 color:#ffdd80!important;
 text-shadow:0 2px 3px #001e3c99!important;
 letter-spacing:0!important;
}
body.iu-theme-online .iu-menu-btn span:last-child {font-size:29px!important;}
body.iu-theme-online #iuHome.iu-home {padding:24px 14px 38px!important;}
body.iu-theme-online #iuHome .iu-kicker {font:700 24px system-ui,sans-serif!important;letter-spacing:.19em!important;}
body.iu-theme-online #iuHome .iu-sub {font-size:16px!important;margin-top:9px!important;}
body.iu-theme-online .iu-back {border:2px solid #f4cc69!important;border-radius:13px!important;}
/* Login exactly echoes the app theme, with a crisp unobstructed gold logo. */
body.iu-theme-auth .auth-brand {padding:31px 0 6px!important;}
body.iu-theme-auth .auth-brand img {
 width:min(66vw,302px)!important;max-height:none!important;
 filter:drop-shadow(0 4px 4px #00394e83)!important;
}
body.iu-theme-auth .auth-brand .subtitle {
 color:#ffdf86!important;
 font:700 18px Georgia,serif!important;
 text-shadow:0 2px 5px #004c5cbb!important;
 margin:4px auto 0!important;
}
body.iu-theme-auth .panel {max-width:500px!important;padding:0 18px 35px!important;}
body.iu-theme-auth #loginMode,body.iu-theme-auth #registerMode,body.iu-theme-auth #setPassword,body.iu-theme-auth #logged {
 background:linear-gradient(145deg,#0763b5 0%,#084482 51%,#052963 100%)!important;
 border:2px solid #f4cc70!important;border-radius:24px!important;
 padding:22px 18px!important;box-shadow:0 6px 18px #003f6373!important;
}
body.iu-theme-auth #loginMode h2,body.iu-theme-auth #registerMode h2,body.iu-theme-auth #setPassword h2 {
 font:700 clamp(24px,6.5vw,31px) Georgia,serif!important;
 text-align:center!important;color:#ffde88!important;
 text-shadow:0 3px 4px #002e5680!important;
 margin:6px 0 23px!important;
}
body.iu-theme-auth .field {font-size:16px!important;color:#fff7e6!important;margin-top:18px!important;}
body.iu-theme-auth input {padding:15px!important;min-height:51px!important;background:#07356d!important;border:2px solid #efc966!important;}
body.iu-theme-auth button {min-height:53px!important;background:linear-gradient(135deg,#0867bf,#063579 62%,#06265d)!important;border:2px solid #ffdc77!important;color:#ffdd89!important;font:700 20px Georgia,serif!important;}
body.iu-theme-auth #sendReset {font:700 16px Georgia,serif!important;background:#0752a0!important;border:0!important;border-radius:14px!important;text-decoration:underline!important;}
body.iu-theme-auth #status {max-width:500px!important;margin:15px auto!important;}
body.iu-theme-auth :is(#loginMode,#registerMode,#setPassword,#logged) {margin-top:18px!important;}
body.iu-theme-landing .logo {width:min(77vw,350px)!important;max-height:none!important;filter:drop-shadow(0 5px 4px #00395166)!important;}
body.iu-theme-landing .shell {max-width:500px!important;}
@media(max-width:390px) {
 body.iu-theme-online .iu-brand-header img {width:80vw!important;}
 body.iu-theme-online .iu-menu-btn {padding:10px 12px!important;}
 body.iu-theme-online .iu-menu-btn span:first-child {width:45px!important;height:45px!important;min-width:45px!important;}
 body.iu-theme-auth .auth-brand img {width:66vw!important;}
}

/* IMMAGINE UOMO · sfondo strumenti fedeli alla foto approvata · 2026-11-01c.
   Icone vettoriali tracciate dal riferimento originale; mai emoji di sistema.
   Composizione unica su tutte le schermate, mantenendo intatti gli script. */
html { background:#05babb!important; }
body, body.iu-unified-home {
 background-color:#06bfc0!important;
 background-image:url('./barber-pattern.svg?v=20261101g1'),linear-gradient(175deg,#08c7c4 0%,#05c0bf 45%,#03aeb6 100%)!important;
 background-position:center top,center center!important;
 background-size:min(100vw,430px) auto,cover!important;
 background-repeat:repeat-y,no-repeat!important;
 background-attachment:scroll,fixed!important;
}
/* Non proiettare il pattern sulle lettere dorate del logo e conserva proporzioni del marchio. */
body.iu-theme-online .iu-brand-header img {
 width:min(77vw,375px)!important;
 filter:drop-shadow(0 3px 2px #003c4a77)!important;
}
body.iu-theme-auth .auth-brand img {
 width:min(65vw,285px)!important;
 filter:drop-shadow(0 3px 2px #003c4a66)!important;
}
body.iu-theme-landing .logo {
 filter:drop-shadow(0 3px 2px #003c4a66)!important;
}
@media (min-width:600px){
 body,body.iu-unified-home {background-size:430px auto,cover!important}
}

/* Immagine Uomo: decoro finale nella parte libera sotto i pulsanti Home.
   Usa le stesse forme bianche del riferimento IMG_5752.
   Nessuna icona di sistema, nessun nuovo pulsante o comportamento. */
body.iu-theme-online #iuHome .iu-home-footer-tools {
  display:block;
  width:min(100%, 430px);
  height:clamp(105px, 15vh, 155px);
  margin:20px auto 0;
  background:url('./barber-home-footer.svg?v=20261101g1') center center / contain no-repeat;
  pointer-events:none;
  user-select:none;
  opacity:.98;
}
@media(max-width:380px){
  body.iu-theme-online #iuHome .iu-home-footer-tools {height:115px;margin-top:14px;}
}
/* La fascia decorativa resta vicina alla navigazione inferiore, senza creare
   una lunga area vuota sotto il menu. Vale solo per la Home. */
body.iu-theme-online.iu-unified-home main { padding-bottom:30px!important; }

/* IMMAGINE UOMO — correzione layout DESKTOP.
   Lo sfondo mobile approvato resta identico.
   Su PC il disegno bianco degli attrezzi si ripete su tutta la larghezza,
   non soltanto in una striscia centrale da 430px. */
@media screen and (min-width: 768px) {
  body, body.iu-unified-home {
    background-size: 390px 790px, cover !important;
    background-repeat: repeat, no-repeat !important;
    background-position: center top, center center !important;
    background-attachment: fixed, fixed !important;
  }
}


/* IMMAGINE UOMO — uniformità icone HD (2026-11-01).
   Solo stile: mantiene gli SVG originali e tutti i listener/permessi.
   La Home aveva icone ~29px; nella barra inferiore erano ~19px.
   Miglioriamo contrasto, dimensioni e spessore su display Retina/PC. */
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-icon {
  width:50px;
  height:50px;
  flex:0 0 50px;
  border:2px solid #ffdb7a!important;
  border-radius:50%;
  color:#ffe08a!important;
  background:linear-gradient(145deg,#084d9a,#052e65);
  box-shadow:0 2px 6px rgba(0,22,48,.28);
}
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-icon svg {
  display:block;
  width:30px;
  height:30px;
  stroke:#ffe08a;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:1;
  filter:none;
}
body.iu-theme-online .iu-bottom-nav button .iu-menu-svg {
  display:block;
  width:25px;
  height:25px;
  margin:0 auto 4px;
  color:#ffe08a;
  stroke:#ffe08a;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:1;
  filter:none;
}
/* Oro sul fondo blu; blu scuro sull'elemento Home selezionato color oro. */
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] .iu-menu-svg {
  color:#082e64!important;
  stroke:#082e64!important;
  stroke-width:2.3;
}
@media(max-width:390px) {
  body.iu-theme-online .iu-bottom-nav button .iu-menu-svg {width:23px;height:23px;}
}

/* IMMAGINE UOMO · miglioramento sfondo PC + recupero password dedicato.
   MOBILE e componenti gestionali mantenuti: nessun JS modificato. */
@media screen and (min-width:768px) {
  body, body.iu-unified-home {
    background-image:url('./barber-pattern-desktop.svg?v=20261101g1'),linear-gradient(175deg,#08c7c4 0%,#05c0bf 45%,#03aeb6 100%)!important;
    background-size:600px 640px,cover!important;
    background-position:center top,center center!important;
    background-repeat:repeat,no-repeat!important;
    background-attachment:fixed,fixed!important;
  }
}
/* Password dimenticata deve aprire una sezione propria, non un messaggio sopra il login. */
body.iu-theme-auth #sendReset.iu-recovery-link {
  display:block!important;
  width:100%!important;
  margin:14px auto 0!important;
  padding:15px 16px!important;
  border:1.5px solid #f4cd69!important;
  border-radius:14px!important;
  background:linear-gradient(150deg,#0759a8,#053775)!important;
  color:#ffe08a!important;
  font:700 16px Georgia,serif!important;
  text-decoration:none!important;
  text-align:center!important;
  box-shadow:0 3px 10px #003e6360!important;
}
body.iu-theme-auth #sendReset.iu-recovery-link:hover {filter:brightness(1.08);}
body.iu-theme-auth #sendReset.iu-recovery-link:focus-visible {outline:3px solid #fff2b0;outline-offset:3px;}
body.iu-theme-auth .iu-reset-card {
  background:linear-gradient(145deg,#0763b5 0%,#084482 51%,#052963 100%)!important;
  border:2px solid #f4cc70!important;
  border-radius:24px!important;
  box-shadow:0 6px 18px #003f6373!important;
  padding:23px 19px!important;
  margin:18px auto 24px!important;
}
body.iu-theme-auth .iu-reset-card h1 {font:700 clamp(23px,5vw,30px) Georgia,serif!important;color:#ffdf89!important;margin:5px 0 12px!important;}
body.iu-theme-auth .iu-reset-card p {font-size:15px;line-height:1.5;color:#eefaff!important;}
body.iu-theme-auth .iu-reset-card label {display:block;margin:20px 0 8px;font-size:15px;color:#fff0c3!important;}
body.iu-theme-auth .iu-reset-card input {width:100%;padding:14px;border:2px solid #efc966;border-radius:13px;background:#07356d;color:white;min-height:52px;}
body.iu-theme-auth .iu-reset-card button {display:block;width:100%;min-height:53px;margin:20px 0 0;background:linear-gradient(135deg,#0867bf,#063579 62%,#06265d)!important;border:2px solid #ffdc77!important;border-radius:14px;color:#ffdd89!important;font:700 18px Georgia,serif!important;cursor:pointer;}
body.iu-theme-auth .iu-reset-card button:disabled {opacity:.6;cursor:wait;}
body.iu-theme-auth .iu-reset-back {display:block;text-align:center;margin:16px auto 0;padding:11px;color:#ffdc84!important;text-underline-offset:4px;}
body.iu-theme-auth .iu-reset-status {display:none;padding:13px 15px;background:#08396b;border:1px solid #efc668;border-radius:12px;color:#fff2cc;line-height:1.5;margin-top:18px;}
body.iu-theme-auth .iu-reset-status:not(:empty) {display:block;}

/* IMMAGINE UOMO — FIX 2026-11-01: niente pulsante "‹ Home" nella Home.
   Il tasto resta disponibile nelle sezioni interne. */
body.iu-theme-online #iuTopline.hidden,
body.iu-theme-online #iuTopline.iu-home-compact {
  display:none!important;
}
/* Prima che sia verificata la sessione, niente barra navigazione in anticipo. */
body.iu-theme-online:not(.iu-session-ready) .iu-bottom-nav,
body.iu-theme-online:not(.iu-session-ready) #iuTopline {
  visibility:hidden!important;
}
/* Il caricamento viene mostrato subito, senza flash di pulsanti sottostanti. */
body.iu-theme-online #iuBootStatus {
  opacity:1!important;
  animation:none!important;
}


/* V15.1: profilo cliente uniforme blu/oro */
body.iu-theme-online #iuProfile .iu-profile-avatar,
body.iu-theme-online #iuProfile #iuProfileEditPanel,
body.iu-theme-online #iuProfile .iu-profile-action > .btn,
body.iu-theme-online #iuProfile .iu-profile-notifications,
body.iu-theme-online #iuProfile .iu-client-profile {
  background:linear-gradient(145deg,#075ab1 0%,#054688 48%,#052d65 100%) !important;
  border-color:#e9bc5a !important;
  color:#f5fbff !important;
  box-shadow:0 5px 18px #00345d48 !important;
}
body.iu-theme-online #iuProfile .iu-profile-avatar {color:#ffdd77 !important;}
body.iu-theme-online #iuProfile .iu-profile-action > .btn span {color:#ffdd77 !important;}


/* 2026-11-01: avvisi Prenota uniformati al tema, niente riquadri marrone/nero. */
body.iu-theme-online #clientAvailability .notice,
body.iu-theme-online #clientAvailability .iu-client-profile {
  background:linear-gradient(145deg,#075ab1 0%,#064588 55%,#052e65 100%) !important;
  border:1.5px solid #e9bc5a !important;
  color:#fff5d7 !important;
  box-shadow:0 5px 18px #00345d48 !important;
  border-radius:16px;
}
body.iu-theme-online #clientAvailability .notice strong {color:#ffdd77 !important;}
body.iu-theme-online.iu-history-all-mode #calendarBlock .iu-day-nav {display:none!important;}


/* Contatti & Social: Chiama e WhatsApp, stessa finitura blu/oro dell'app.
   Le icone verdi e i collegamenti originali restano invariati. */
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-action.iu-call,
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-action.iu-whatsapp {
  background:linear-gradient(150deg,#0860b7 0%,#064285 50%,#05285e 100%) !important;
  border:1.5px solid #f1c45b !important;
  color:#ffdd77 !important;
  box-shadow:0 4px 12px #00325b70 !important;
}
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-call svg,
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-whatsapp svg {
  color:#43d17d !important;
}

/* Immagine Uomo · 01/11/2026 – home pulita e colori saturi.
   Presentazione soltanto: prenotazioni, profili, FCM/Supabase invariati. */
:root {
 --iu-turquoise:#04d1ca;
 --iu-turquoise-deep:#00b7c5;
 --iu-blue:#0756aa;
 --iu-blue-deep:#05316f;
 --iu-gold:#ffd66b;
 --iu-gold-bright:#ffe18a;
 --g:#ffd66b;
 --e:#f0c05a;
 --bg:#05c9ca;
 --p:#07468f;
}
html {background:#03bbc4!important;}
body,body.iu-unified-home {
 background-color:#04cad0!important;
 background-image:url('./barber-pattern.svg?v=20261101g1'),radial-gradient(ellipse 85% 62% at 50% 27%,#12e0d7 0%,#07d2d0 53%,#06b9c5 100%)!important;
 background-repeat:repeat-y,no-repeat!important;
 background-size:390px 860px,cover!important;
 background-position:center top,center center!important;
 background-attachment:scroll,fixed!important;
}
@media (min-width:768px) {
 body,body.iu-unified-home {
  background-image:url('./barber-pattern-desktop.svg?v=20261101g1'),linear-gradient(175deg,#13e0d7 0%,#05cfcc 45%,#03b8c3 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:600px 640px,cover!important;
  background-position:center top,center center!important;
  background-attachment:fixed,fixed!important;
 }
}
/* Home unica per staff e clienti: niente sottotitolo, logo leggermente più basso. */
body.iu-theme-online.iu-unified-home .iu-brand-header {
 padding-top:90px!important;
 padding-bottom:12px!important;
}
body.iu-theme-online.iu-unified-home #iuHome.iu-home {
 padding-top:28px!important;
}
body.iu-theme-online.iu-unified-home #iuHome .iu-menu-grid {
 margin-top:22px!important;
}
@media(min-width:768px) {
 body.iu-theme-online.iu-unified-home .iu-brand-header {padding-top:82px!important;}
 body.iu-theme-online.iu-unified-home #iuHome.iu-home {padding-top:32px!important;}
}
/* Pulsanti e pannelli con blu più brillante, mantenendo oro ad alto contrasto. */
body.iu-theme-online .iu-menu-btn {
 background:linear-gradient(145deg,#0b71d1 0%,#0756ad 48%,#043376 100%)!important;
 border:2px solid #ffdf77!important;
 box-shadow:0 6px 16px #00385c70,inset 0 1px 0 #d9f0ff4b!important;
}
body.iu-theme-online .iu-menu-btn span:first-child {
 background:linear-gradient(145deg,#0967b7,#063775)!important;
 border-color:#ffe285!important;
 color:#ffe285!important;
}
body.iu-theme-online .iu-menu-btn strong,
body.iu-theme-online .iu-menu-btn svg {color:#ffe28c!important;}
body.iu-theme-online .card,
body.iu-theme-online .iu-profile-premium,
body.iu-theme-online #iuProfile .iu-profile-action>.btn,
body.iu-theme-online #iuProfile #iuProfileEditPanel,
body.iu-theme-online #iuProfile .iu-profile-notifications,
body.iu-theme-online #clientAvailability .notice {
 background:linear-gradient(145deg,#0b65bc 0%,#064b98 52%,#052f70 100%)!important;
 border-color:#ffda78!important;
}
body.iu-theme-online .iu-bottom-nav {
 background:linear-gradient(105deg,#0753a0,#032c6a)!important;
 border-top:2px solid #ffdc7a!important;
}
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] {
 background:linear-gradient(135deg,#fff0a0,#ffcf56)!important;
}
/* Contatti: Anche Indicazioni blu come Chiama e WhatsApp, icona oro. */
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-action.iu-contact-gold {
 background:linear-gradient(150deg,#0a70c7 0%,#0752a4 53%,#043274 100%)!important;
 border:1.5px solid #ffdf79!important;
 color:#ffe28d!important;
 box-shadow:0 4px 12px #00325b70!important;
}
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-gold svg {
 color:#ffe28d!important;
 stroke:#ffe28d!important;
}

/* V15: schede clienti / modulo di modifica: niente riquadri marroni o neri. */
body.iu-theme-online #staffCustomers #clientEditBox,
body.iu-theme-online #staffCustomers #shopClientList .client-card,
body.iu-theme-online #staffCustomers #iuClientDetail,
body.iu-theme-online #staffCustomers #iuClientHistory .iu-history-row,
body.iu-theme-online #staffCustomers .client-note,
body.iu-theme-online #staffCustomers .iu-note:not(.danger),
body.iu-theme-online #staffCustomers .notice {
 background:linear-gradient(145deg,#0860b7 0%,#064785 52%,#07336e 100%)!important;
 border:1.4px solid #f1c968!important;
 color:#fff8e8!important;
 box-shadow:0 5px 14px #002f5850!important;
}
body.iu-theme-online #staffCustomers #clientEditBox{border-radius:17px!important;padding:clamp(14px,2.5vw,22px)!important;}
body.iu-theme-online #staffCustomers #clientEditBox h3 {color:#ffe18e!important;}
body.iu-theme-online #staffCustomers #shopClientCount {color:#ffdf85!important;}
body.iu-theme-online #staffCustomers #shopShowArchived {flex:0 0 20px!important;min-width:20px!important;width:20px!important;height:20px!important;accent-color:#e5b94e!important;}

/* Riflesso discreto sulle icone vettoriali, per avvicinarle al logo oro. */
body.iu-theme-online .iu-menu-svg,
body.iu-theme-online .iu-settings-tile svg,
body.iu-theme-online .iu-bottom-nav button:not([aria-current='page']) svg {
 filter:drop-shadow(0 1px 0 rgba(133,78,14,.48)) drop-shadow(0 -1px .5px rgba(255,247,190,.75));
}


/* IMMAGINE UOMO | Tema approvato 01-11-2026: attrezzi bianchi, blu cobalto, oro vivo.
   Base: V15 Gestione Clienti verificata. Modifiche ESCLUSIVAMENTE grafiche.
   Le icone di sfondo usano gli STESSI SVG, ricolorati bianco pieno. */
:root {
  --iu-turquoise:#00ced5;
  --iu-turquoise-deep:#00bfc8;
  --iu-blue:#064ca8;
  --iu-blue-deep:#002e70;
  --iu-gold:#ffd568;
  --iu-gold-bright:#ffe38e;
  --g:#ffdb75;
  --e:#f1c563;
  --bg:#00cbd1;
  --p:#064ca8;
}
html { background:#00c6d0!important; }
body,body.iu-unified-home {
  background-color:#00cbd1!important;
  background-image:url('./barber-pattern.svg?v=white-gold-20261101'),radial-gradient(ellipse 90% 70% at 50% 30%,#09dbda 0%,#00cbd2 53%,#00b7c4 100%)!important;
  background-position:center top,center center!important;
  background-size:390px 860px,cover!important;
  background-repeat:repeat-y,no-repeat!important;
  background-attachment:scroll,fixed!important;
}
@media (min-width:768px) {
  body,body.iu-unified-home {
    background-image:url('./barber-pattern-desktop.svg?v=white-gold-20261101'),linear-gradient(178deg,#08d4d8 0%,#00cad3 46%,#00b8c8 100%)!important;
    background-size:600px 640px,cover!important;
    background-position:center top,center center!important;
    background-repeat:repeat,no-repeat!important;
    background-attachment:fixed,fixed!important;
  }
}
/* Fondo blu esattamente uniforme fra Home, sezioni cliente e sezioni staff. */
body.iu-theme-online .iu-menu-btn {
  background:linear-gradient(147deg,#0757b2 0%,#034492 53%,#002c6c 100%)!important;
  border:2px solid #ffe07d!important;
  box-shadow:0 6px 14px rgba(0,40,86,.45),inset 0 1px 0 rgba(180,230,255,.24)!important;
}
body.iu-theme-online .iu-menu-btn span:first-child {
  background:linear-gradient(145deg,#084d9a 0%,#032d6b 100%)!important;
  border:2px solid #ffe38c!important;
  color:#ffe08b!important;
}
body.iu-theme-online .iu-menu-btn strong {
  color:#ffdc7a!important;
  text-shadow:0 1px 0 #70450b,0 -1px 0 #fff0b48c,0 3px 3px #001d4daa!important;
}
body.iu-theme-online .iu-menu-btn .iu-menu-svg,
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-icon svg {
  color:#ffdc79!important;
  stroke:#ffdc79!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 0 #86500b) drop-shadow(0 -0.5px 0 #fff2c0)!important;
}
body.iu-theme-online .iu-menu-btn span:last-child {
  color:#ffe08c!important;
  text-shadow:0 1px 1px #60340a!important;
}
body.iu-theme-online .iu-bottom-nav {
  background:linear-gradient(105deg,#034998 0%,#002d75 100%)!important;
  border-top:2px solid #ffe084!important;
}
body.iu-theme-online .iu-bottom-nav button:not([aria-current='page']) {
  color:#ffdf83!important;
}
body.iu-theme-online .iu-bottom-nav button:not([aria-current='page']) .iu-menu-svg {
  color:#ffdb76!important;
  stroke:#ffdb76!important;
  filter:drop-shadow(0 1px 0 #88511c) drop-shadow(0 -0.5px 0 #fff0bd)!important;
}
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] {
  color:#062a62!important;
  background:linear-gradient(145deg,#fff09e,#ffd56c 52%,#e8aa32 100%)!important;
  border-color:#fff1b7!important;
}
/* On a gold selected tab the icon must stay deep blue for readability. */
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] .iu-menu-svg {
  color:#062a62!important;
  stroke:#062a62!important;
  filter:none!important;
}
body.iu-theme-online .card,
body.iu-theme-online .iu-profile-premium,
body.iu-theme-online #iuProfile .iu-profile-action > .btn,
body.iu-theme-online #iuProfile #iuProfileEditPanel,
body.iu-theme-online #iuProfile .iu-profile-notifications,
body.iu-theme-online #clientAvailability .notice,
body.iu-theme-online #clientAvailability .iu-client-profile,
body.iu-theme-online #staffCustomers #clientEditBox,
body.iu-theme-online #staffCustomers #shopClientList .client-card,
body.iu-theme-online #staffCustomers #iuClientDetail,
body.iu-theme-online #staffCustomers .notice {
  background:linear-gradient(145deg,#0754ad 0%,#03438f 55%,#002f70 100%)!important;
  border-color:#ffdb7d!important;
}
body.iu-theme-online .btn:not(.danger),
body.iu-theme-online #adminSettings .iu-settings-tile,
body.iu-theme-online .slotchip,
body.iu-theme-online .iu-date-arrow {
  background:linear-gradient(145deg,#0755b0 0%,#034491 53%,#002c6a 100%)!important;
  border-color:#ffda76!important;
  color:#ffdf87!important;
}
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-action {
  background:linear-gradient(145deg,#0755b0 0%,#034491 53%,#002c6a 100%)!important;
  border:2px solid #ffdb7b!important;
  color:#ffdf87!important;
}
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-gold svg {
  color:#ffe18d!important;
  stroke:#ffe18d!important;
}
/* Home: stessi strumenti bianchi anche nella fascia sotto i pulsanti. */
body.iu-theme-online #iuHome .iu-home-footer-tools {
  background-image:url('./barber-home-footer.svg?v=white-gold-20261101')!important;
  opacity:1!important;
}

/* Evita che le decorazioni ripetute del desktop attraversino le lettere del logo.
   La sfumatura copre solo la piccola zona centrale, lasciando gli attrezzi ai lati. */
@media (min-width:768px) {
 body.iu-theme-online .iu-brand-header {position:relative!important;isolation:isolate;}
 body.iu-theme-online .iu-brand-header::after {
  content:"";position:absolute;z-index:0;left:50%;top:50%;
  transform:translate(-50%,-50%);width:min(520px,95vw);height:190px;
  background:radial-gradient(ellipse at center,#00cbd1 30%,rgba(0,203,209,.98) 43%,rgba(0,203,209,0) 78%);
  pointer-events:none;
 }
 body.iu-theme-online .iu-brand-header img {position:relative;z-index:1;}
}


/* V15 -- CORREZIONE ORO METALLICO: non giallo uniforme.
   Riflesso chiaro, ombra ambrata e luce centrale sul testo; le forme SVG
   hanno un vero gradiente oro. Nessun intervento su funzionalità dell'app. */
:root {
  --iu-gold:#d69a3a;
  --iu-gold-bright:#f2c568;
  --g:#e2b459;
  --e:#b77725;
}
/* Le scritte importanti hanno sfumature vere, non un colore giallo piatto. */
body.iu-theme-online .iu-menu-btn strong,
body.iu-theme-online .iu-menu-btn > span:last-child,
body.iu-theme-online .iu-bottom-nav button:not([aria-current='page']) > span,
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-text,
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-arrow,
body.iu-theme-online .iu-screen-title,
body.iu-theme-online .iu-home h2,
body.iu-theme-online #iuContacts .iu-contact-action > span:last-child {
  background-image:linear-gradient(180deg,
    #fff6c1 0%, #efd091 17%, #b77a2b 37%,
    #ffe6a2 51%, #e6ac51 65%, #a5631b 83%, #f4c56c 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 1px 0 rgba(72,39,10,.7));
}
/* Vera metallizzazione delle icone vettoriali, con highlight e ombra. */
body.iu-theme-online .iu-menu-btn .iu-menu-svg,
body.iu-theme-online .iu-bottom-nav button:not([aria-current='page']) .iu-menu-svg,
body.iu-theme-online #adminSettings .iu-settings-tile .iu-tile-icon svg,
body.iu-theme-online #iuProfile .iu-profile-avatar svg,
body.iu-theme-online #iuContacts .iu-contact-actions a.iu-contact-gold svg {
  stroke:url(#iuRealGoldMetal) #d79d45!important;
  color:#d79d45!important;
  filter:drop-shadow(0 1px 0 rgba(104,55,17,.7)) drop-shadow(0 -0.5px 0 rgba(255,246,199,.9))!important;
  opacity:1!important;
}
/* Selezionato: blu scuro sul tasto dorato per contrasto elevato. */
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] .iu-menu-svg {
  stroke:#073466!important;
  color:#073466!important;
  filter:none!important;
}
body.iu-theme-online .iu-bottom-nav button[aria-current='page'] > span {
  -webkit-text-fill-color:#073466!important;
  color:#073466!important;
  background-image:none!important;
  filter:none!important;
}
/* Le stesse tonalità oro più profonde sui bordi, ma la base blu/turchese e gli attrezzi bianchi restano intatti. */
body.iu-theme-online .iu-menu-btn,
body.iu-theme-online .iu-bottom-nav,
body.iu-theme-online #adminSettings .iu-settings-tile {
  border-color:#dba74a!important;
}
body.iu-theme-online .iu-menu-btn > span:first-child {
  border-color:#eab65a!important;
}
body.iu-theme-online .iu-bottom-nav {border-top-color:#d7a044!important;}

/* IMMAGINE UOMO: finestra rapida dall'Agenda, stesso blu/oro del resto dell'app. */
body.iu-theme-online #iuQuickDialog {
  background:linear-gradient(145deg,#075ab1 0%,#054688 48%,#052d65 100%) !important;
  color:#f5fbff !important;
  border:2px solid #e9bc5a !important;
  border-radius:18px;
  box-shadow:0 16px 65px rgba(0,25,68,.58);
}
body.iu-theme-online #iuQuickDialog .iu-quick-top {
  color:#ffdd77;
  border-bottom:1px solid rgba(233,188,90,.55);
  padding-bottom:12px;
  margin-bottom:14px;
}
body.iu-theme-online #iuQuickDialog .iu-quick-top strong {color:#ffdd77;font-weight:700;}
body.iu-theme-online #iuQuickDialog::backdrop {background:rgba(0,25,59,.74);}