:root{color-scheme:light;--ink:#342a28;--muted:#7f706c;--brand:#9f5d52;--brand-dark:#84483f;--soft:#fbf4f1;--line:#eadbd6;--white:#fff;--green:#397654;--red:#a04740;--shadow:0 18px 55px rgba(84,48,39,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(145deg,#fff 0%,#fcf6f3 55%,#f6e7e2 100%);font-family:Inter,Arial,sans-serif}.client-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:12px max(18px,calc((100vw - 1120px)/2));background:rgba(255,252,250,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.client-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.client-brand img{width:52px;height:52px;padding:4px;background:#fff;border-radius:16px;box-shadow:0 8px 22px #744d4220}.client-brand strong,.client-brand small{display:block}.client-brand strong{font:700 1.2rem Georgia,serif}.client-brand small{margin-top:2px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.header-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;color:#fff;background:var(--brand);border-radius:14px;text-decoration:none;font-weight:800}.header-link svg{width:19px}.client-app{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:42px 0 80px}.loading-card{display:grid;place-items:center;gap:14px;min-height:50vh;color:var(--muted)}.spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:calc(100vh - 180px)}.auth-intro{padding:30px}.eyebrow{margin:0 0 10px;color:var(--brand);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.auth-intro h1,.dashboard-hero h1{margin:0;font:700 clamp(2.35rem,6vw,4.8rem)/.98 Georgia,serif;letter-spacing:-.04em}.auth-intro>p{max-width:600px;margin:20px 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.auth-intro ul{display:grid;gap:13px;padding:0;margin:28px 0;list-style:none}.auth-intro li{display:flex;align-items:center;gap:10px;font-weight:750}.auth-intro li svg{width:21px;color:var(--brand)}.auth-card,.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.auth-card{padding:12px 26px 28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:20px;background:var(--soft);border-radius:15px}.auth-tabs button{min-height:44px;border:0;border-radius:11px;color:var(--muted);background:transparent;font:800 .92rem inherit}.auth-tabs button.active{color:var(--brand-dark);background:#fff;box-shadow:0 5px 16px #6f433b17}.auth-card h2{margin:0 0 7px;font:700 2rem Georgia,serif}.auth-copy{margin:0 0 20px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:#5b4c48;font-size:.82rem;font-weight:800}input{width:100%;min-height:51px;padding:0 14px;border:1px solid #ddcbc5;border-radius:13px;color:var(--ink);background:#fff;font:500 1rem inherit;outline:none}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #9f5d5215}.password-field{position:relative}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:5px;bottom:5px;width:42px;height:42px;border:0;color:var(--muted);background:transparent;border-radius:10px}.password-toggle svg{width:20px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 18px;border-radius:14px;font:850 .98rem inherit}.primary-button{border:1px solid var(--brand);color:#fff;background:var(--brand)}.primary-button:hover{background:var(--brand-dark)}.secondary-button{border:1px solid var(--line);color:var(--brand-dark);background:#fff}.primary-button:disabled,.secondary-button:disabled{opacity:.55}.auth-actions{display:grid;gap:10px;margin-top:18px}.text-button{padding:8px;border:0;color:var(--brand);background:none;font:800 .86rem inherit}.auth-feedback{margin:14px 0 0;padding:12px;border-radius:12px;font-size:.87rem;line-height:1.45}.auth-feedback.error{color:var(--red);background:#fff0ee}.auth-feedback.success{color:var(--green);background:#edf8f1}.privacy-check{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:9px;font-weight:600;line-height:1.45}.privacy-check input{min-height:0;margin-top:2px}.privacy-check a{color:var(--brand)}.dashboard{display:grid;gap:22px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-top-actions{display:flex;gap:9px}.icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff}.icon-button svg{width:21px}.notification-button{position:relative}.notification-count{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;color:#fff;background:var(--brand);border:2px solid #fff;border-radius:20px;font-size:.67rem;font-weight:900}.dashboard-hero{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:30px;background:linear-gradient(120deg,#fff,#f9efec);border:1px solid var(--line);border-radius:28px}.dashboard-hero h1{font-size:clamp(2rem,5vw,3.8rem)}.dashboard-hero p:last-child{margin:12px 0 0;color:var(--muted)}.dashboard-hero .primary-button{width:auto;min-width:210px;text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{padding:23px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-head h2{margin:0;font:700 1.55rem Georgia,serif}.panel-head span{color:var(--muted);font-size:.8rem}.appointment-list,.notification-list,.waitlist-list{display:grid;gap:11px}.appointment{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:15px;background:var(--soft);border-radius:17px}.appointment-date{text-align:center}.appointment-date strong,.appointment-date small{display:block}.appointment-date strong{font-size:1.45rem}.appointment-date small{color:var(--brand);font-size:.7rem;font-weight:900;text-transform:uppercase}.appointment-info strong,.appointment-info small{display:block}.appointment-info small{margin-top:4px;color:var(--muted)}.status{padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900}.status.confermato{color:#27704c;background:#e5f5eb}.status.richiesto{color:#8b6228;background:#fff2d8}.status.annullato,.status.no_show{color:#9d4039;background:#fde9e6}.status.completato{color:#5c5b70;background:#eeeef5}.notification{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start;width:100%;padding:13px;border:0;border-radius:15px;color:inherit;background:var(--soft);text-align:left}.notification.unread{background:#f8e9e5}.notification>span:first-child{display:grid;place-items:center;width:36px;height:36px;color:var(--brand);background:#fff;border-radius:11px}.notification svg{width:18px}.notification strong,.notification small{display:block}.notification small{margin-top:4px;color:var(--muted);line-height:1.4}.notification time{color:var(--muted);font-size:.68rem}.empty{padding:28px 14px;color:var(--muted);text-align:center}.empty svg{width:32px;margin-bottom:8px;color:var(--brand)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-actions{display:flex;gap:10px;margin-top:17px}.profile-actions .primary-button{width:auto}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#38221f66;backdrop-filter:blur(3px)}.drawer{position:absolute;top:0;right:0;width:min(430px,100%);height:100%;padding:22px;background:#fff;overflow:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-head h2{margin:0;font:700 1.8rem Georgia,serif}
@media(max-width:780px){.client-header{min-height:68px;padding:9px 14px}.client-brand img{width:46px;height:46px}.header-link{width:46px;padding:0;justify-content:center}.header-link span{display:none}.client-app{width:min(100% - 20px,620px);padding:22px 0 60px}.auth-layout{display:block;min-height:auto}.auth-intro{padding:18px 8px 26px}.auth-intro h1{font-size:2.5rem}.auth-intro>p{font-size:.98rem}.auth-card{padding:10px 17px 22px;border-radius:22px}.form-grid,.dashboard-grid,.profile-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dashboard-top{align-items:flex-start}.dashboard-top h1{font-size:1.55rem}.dashboard-hero{display:grid;padding:22px}.dashboard-hero .primary-button{width:100%}.appointment{grid-template-columns:55px 1fr}.appointment .status{grid-column:2;justify-self:start}.panel{padding:18px;border-radius:22px}.profile-actions{display:grid}.profile-actions .primary-button{width:100%}}

.consent-hint{display:flex;align-items:flex-start;gap:7px;margin:12px 2px 0;color:var(--muted);font-size:.7rem;line-height:1.4}.consent-hint svg{flex:0 0 15px;width:15px;margin-top:1px}.consent-choice{display:grid;gap:8px;padding:0;border:0}.consent-choice legend{margin-bottom:7px;color:#5b4c48;font-size:.82rem;font-weight:800}.consent-choice label{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}.consent-choice input{width:18px;min-height:18px;margin:2px 0;accent-color:var(--brand)}.consent-choice strong,.consent-choice small{display:block}.consent-choice small{margin-top:3px;color:var(--muted);font-weight:500;line-height:1.35}.consent-choice label:has(input:checked){border-color:var(--brand);background:var(--soft);box-shadow:0 0 0 3px #9f5d5210}

.chat-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-compose-actions>small{color:var(--muted);font-size:.68rem;text-align:right}.photo-picker{display:inline-flex;grid-template-columns:none;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--brand-dark);background:#fff;font-size:.78rem;font-weight:850;cursor:pointer}.photo-picker input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.photo-picker svg{width:18px}.photo-preview-list,.chat-message .chat-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.photo-preview-list figure{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--soft)}.photo-preview-list img,.chat-message .chat-photos img{width:100%;height:100%;object-fit:cover}.photo-preview-list button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(52,42,40,.78)}.photo-preview-list button svg{width:15px}.chat-message .chat-photos{margin:7px 0}.chat-message .chat-photos a,.photo-unavailable{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fff}.chat-message .chat-photos a:only-child{grid-column:span 2;aspect-ratio:4/3}.photo-unavailable{display:grid;place-items:center;color:var(--muted)}
@media(max-width:480px){.chat-compose-actions{align-items:flex-start;flex-direction:column}.chat-compose-actions>small{text-align:left}.photo-picker{width:100%;justify-content:center}.chat-message .chat-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Cleaner client-area layout on small screens. */
.dashboard>*{min-width:0}.panel-head>div,.appointment-info,.waitlist-item>div{min-width:0}.appointment-info strong,.waitlist-item strong{overflow-wrap:anywhere}.panel,.dashboard-hero,.welcome-discount{transition:border-color .18s ease,box-shadow .18s ease}.panel:focus-within{border-color:rgba(159,93,82,.25)}
@media(max-width:780px){body{overflow-x:hidden}.client-app{width:min(100% - 16px,620px)}.dashboard{gap:14px}.dashboard-grid,.dashboard-main,.dashboard-side{gap:14px}.dashboard-hero{border-radius:20px}.panel{padding:15px;border-radius:18px}.panel-head{margin-bottom:13px}.panel-head h2{font-size:1.35rem}.chat-panel textarea,.profile-grid input{font-size:16px}.appointment{gap:9px}.status{white-space:nowrap}.client-confirm{max-height:calc(100dvh - 24px);overflow:auto}.drawer{width:100%}}

/* Explicit font properties keep controls consistent in Safari/iOS. */
.auth-tabs button{font-family:inherit;font-size:.92rem;font-weight:800}
input{font-family:inherit;font-size:1rem;font-weight:500}
.primary-button,.secondary-button{font-family:inherit;font-size:.98rem;font-weight:850}
.text-button{font-family:inherit;font-size:.86rem;font-weight:800}

.auth-tabs[hidden]{display:none}
.auth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px}
.auth-steps span{display:flex;align-items:center;gap:6px;padding:9px 8px;color:var(--muted);background:var(--soft);border-radius:11px;font-size:.72rem;font-weight:750;line-height:1.2}
.auth-steps b{display:grid;place-items:center;flex:0 0 22px;height:22px;color:#fff;background:var(--brand);border-radius:50%;font-size:.7rem}
.primary-button,.secondary-button,.text-button,.auth-tabs button,.icon-button,.password-toggle{cursor:pointer;touch-action:manipulation}

@media(max-width:780px){
  .client-app{padding-top:14px}
  .auth-layout{display:flex;flex-direction:column;gap:18px}
  .auth-card{order:-1;width:100%;box-shadow:0 12px 36px rgba(84,48,39,.1)}
  .auth-intro{padding:10px 12px 18px;text-align:center}
  .auth-intro h1{font-size:1.85rem;line-height:1.04;letter-spacing:-.035em}
  .auth-intro>p{margin:12px auto;font-size:.92rem;line-height:1.5}
  .auth-intro ul{grid-template-columns:1fr;margin:18px 0 0;text-align:left}
  .auth-intro li{padding:10px 12px;background:rgba(255,255,255,.7);border-radius:12px;font-size:.88rem}
  .auth-card h2{font-size:1.75rem}
  .auth-copy{font-size:.9rem}
  .auth-steps{grid-template-columns:1fr;gap:6px}
  .auth-steps span{padding:8px 10px}
  input{min-height:54px;font-size:16px}
  .primary-button,.secondary-button{min-height:54px}
}

.welcome-discount{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid #ead9b5;border-radius:22px;background:linear-gradient(135deg,#fffaf0,#fff 55%,#f9ece8);box-shadow:var(--shadow)}
.welcome-discount>span{display:grid;place-items:center;width:48px;height:48px;color:#916a28;background:#fff1cf;border-radius:15px}.welcome-discount svg{width:24px}.welcome-discount h2,.welcome-discount p{margin:0}.welcome-discount h2{font:700 1.45rem Georgia,serif}.welcome-discount>div>p:last-child{margin-top:5px;color:var(--muted);font-size:.84rem;line-height:1.4}.welcome-discount button{display:grid;gap:3px;min-width:145px;padding:12px;border:1px dashed #bd8f3d;border-radius:14px;color:#714f19;background:#fff8e8;font-family:inherit;cursor:pointer}.welcome-discount button strong{letter-spacing:.06em}.welcome-discount button small{color:#8c7148}
.chat-thread{display:grid;gap:9px;max-height:360px;margin-bottom:14px;padding:4px;overflow:auto}.chat-message{width:88%;padding:11px 12px;border-radius:15px;background:var(--soft)}.chat-message.client{justify-self:end;color:#fff;background:var(--brand)}.chat-message small,.chat-message time{display:block;font-size:.66rem;opacity:.78}.chat-message p{margin:5px 0;line-height:1.45;white-space:pre-wrap}.chat-message time{text-align:right}.chat-panel form{display:grid;gap:10px}.chat-panel textarea{width:100%;padding:12px;border:1px solid #ddcbc5;border-radius:13px;color:var(--ink);background:#fff;font:500 1rem/1.4 inherit;resize:vertical}.chat-panel textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #9f5d5215}

@media(max-width:780px){.welcome-discount{grid-template-columns:42px 1fr;padding:16px}.welcome-discount>span{width:42px;height:42px}.welcome-discount button{grid-column:1/-1;width:100%;min-width:0}.chat-thread{max-height:300px}}

.client-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.client-quick-actions a,.client-quick-actions button{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:rgba(255,255,255,.86);text-align:left;text-decoration:none;font-family:inherit;cursor:pointer}
.client-quick-actions svg{flex:0 0 23px;width:23px;color:var(--brand)}
.client-quick-actions span,.client-quick-actions strong,.client-quick-actions small{display:block;min-width:0}
.client-quick-actions strong{font-size:.9rem}
.client-quick-actions small{margin-top:3px;color:var(--muted);font-size:.72rem}
.dashboard-main,.dashboard-side{display:grid;align-content:start;gap:20px}
.client-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-overview>a,.client-overview>button{display:grid;grid-template-columns:42px auto 1fr;align-items:center;gap:10px;min-height:72px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:#fff;text-align:left;text-decoration:none;font-family:inherit;cursor:pointer}.client-overview span{display:grid;place-items:center;width:42px;height:42px;color:var(--brand);background:var(--soft);border-radius:13px}.client-overview svg{width:21px}.client-overview strong{font:700 1.65rem Georgia,serif}.client-overview small{color:var(--muted);line-height:1.25}.chat-panel .panel-head>div>small{display:block;margin-top:4px;color:var(--muted)}.chat-online,.chat-unread{display:inline-flex!important;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-weight:800}.chat-online{color:var(--green)!important;background:#edf8f1}.chat-unread{color:#fff!important;background:var(--brand)}.chat-online svg{width:14px}
.waitlist-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:14px;background:var(--soft);border-radius:16px}
.waitlist-item>span:first-child{display:grid;place-items:center;width:36px;height:36px;color:var(--brand);background:#fff;border-radius:11px}
.waitlist-item svg{width:18px}
.waitlist-item strong,.waitlist-item small{display:block}
.waitlist-item small{margin-top:4px;color:var(--muted);line-height:1.4}
.waitlist-item-actions{display:grid;justify-items:end;gap:7px}.waitlist-item-actions>button{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:0;color:var(--red);background:transparent;font:800 .7rem inherit;cursor:pointer}.waitlist-item-actions>button svg{width:14px}
.status.pending{color:#8b6228;background:#fff2d8}.status.contacted{color:#744c94;background:#f3eafa}.status.accepted{color:#27704c;background:#e5f5eb}.status.declined{color:#9d4039;background:#fde9e6}
.history-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.history-panel summary::-webkit-details-marker{display:none}
.history-panel summary span,.history-panel summary small,.history-panel summary strong{display:block}
.history-panel summary small{margin-bottom:4px;color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.history-panel summary strong{font:700 1.35rem Georgia,serif}
.history-panel summary svg{width:20px;transition:transform .2s ease}
.history-panel[open] summary{margin-bottom:17px}.history-panel[open] summary svg{transform:rotate(180deg)}
.empty a{color:var(--brand);font-weight:800}

@media(max-width:780px){
  .client-overview{grid-template-columns:repeat(3,1fr);gap:7px}.client-overview>a,.client-overview>button{display:flex;min-height:88px;flex-direction:column;justify-content:center;gap:3px;padding:9px 5px;text-align:center}.client-overview span{width:34px;height:34px}.client-overview strong{font-size:1.25rem}.client-overview small{font-size:.64rem}.client-overview svg{width:18px}
  .client-quick-actions{grid-template-columns:1fr}
  .client-quick-actions a,.client-quick-actions button{min-height:64px;padding:12px 14px}
  .dashboard-hero h1{font-size:1.8rem;line-height:1.02}
  .appointment{padding:13px 11px}
  .waitlist-item{grid-template-columns:38px 1fr}.waitlist-item-actions{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%}.waitlist-item .status{justify-self:start}
}

.confirm-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(52,42,40,.58);backdrop-filter:blur(5px)}.client-confirm{width:min(430px,100%);padding:26px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(52,35,30,.24)}.client-confirm>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;color:var(--red);background:#fff0ee;border-radius:16px}.client-confirm>span svg{width:25px}.client-confirm h2{margin:0;font:700 1.65rem Georgia,serif}.client-confirm>p:not(.eyebrow){margin:10px 0 20px;color:var(--muted);line-height:1.5}.client-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.danger-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:0 14px;border:1px solid var(--red);border-radius:14px;color:#fff;background:var(--red);font:850 .9rem inherit}.danger-button svg{width:18px}.mini-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:430px){.client-confirm{padding:22px 17px}.client-confirm>div{grid-template-columns:1fr}.client-confirm .danger-button{order:-1}}

.consent-list{display:grid;gap:9px}.consent-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:var(--soft);border:1px solid transparent;border-radius:15px}.consent-row>span{display:grid;place-items:center;width:38px;height:38px;color:var(--brand);background:#fff;border-radius:11px}.consent-row svg{width:18px}.consent-row strong,.consent-row small{display:block}.consent-row small{margin-top:3px;color:var(--muted);font-size:.72rem}.consent-row>button{padding:7px 9px;border:1px solid var(--brand);border-radius:10px;color:var(--brand);background:#fff;font:800 .72rem inherit}.consent-row>b{color:var(--green);font-size:.7rem}.consent-row.signed{border-color:#d9ebdf;background:#f2faf5}.consent-row.signed>span{color:var(--green)}.consent-dialog{position:relative;max-height:calc(100dvh - 24px);overflow:auto}.consent-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;color:var(--muted);background:var(--soft)}.consent-close svg{width:19px}.consent-dialog form{display:grid;gap:12px;margin-top:18px;text-align:left}.consent-dialog form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.consent-check{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:9px;padding:11px;background:var(--soft);border-radius:12px;font-size:.78rem;line-height:1.4}.consent-check input{width:18px;min-height:18px;margin:1px 0;accent-color:var(--brand)}@media(max-width:430px){.consent-row{grid-template-columns:34px 1fr}.consent-row>b,.consent-row>button{grid-column:2;justify-self:start}.consent-dialog form>div{grid-template-columns:1fr}}

/* Area cliente: gerarchia compatta e controlli leggibili anche su iPhone. */
.welcome-discount button em{display:none;font-style:normal}.welcome-discount button small{text-transform:uppercase;letter-spacing:.09em;font-size:.63rem}.welcome-discount button strong{overflow-wrap:anywhere}
html{scroll-behavior:smooth}.panel,.welcome-discount{scroll-margin-top:92px}
@media(max-width:780px){.welcome-discount{gap:10px;border-radius:18px;box-shadow:0 10px 30px rgba(84,48,39,.09)}.welcome-discount h2{font-size:1.2rem}.welcome-discount>div>p:last-child{font-size:.78rem}.welcome-discount button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;padding:11px 13px}.welcome-discount button strong{text-align:center}.welcome-discount button em{display:block;color:var(--brand);font-size:.72rem;font-weight:850}.chat-panel{padding:16px}.chat-thread{max-height:340px;margin-inline:-3px}.chat-message{width:92%}.drawer{padding:max(18px,env(safe-area-inset-top)) 16px 24px}.dashboard-top{position:relative}.dashboard-top-actions{flex:0 0 auto}}

/* Notification management in the client area. */
.drawer-head>div{min-width:0}.drawer-head>div>small{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}.drawer-tools{display:flex;justify-content:flex-end;margin:-8px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.drawer-tools button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:var(--red);background:#fff4f2;border:1px solid #efd6d1;border-radius:11px;font:800 .75rem inherit}.drawer-tools svg{width:15px}.notification-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;gap:6px}.notification-row .notification{min-width:0}.notification-delete{display:grid;width:40px;min-width:40px;place-items:center;color:var(--red);background:#fff;border:1px solid var(--line);border-radius:13px}.notification-delete svg{width:16px}.notification-delete:active{background:#fff0ee}@media(max-width:430px){.notification-row{grid-template-columns:minmax(0,1fr) 38px}.notification-delete{width:38px;min-width:38px}.notification{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px}.notification time{grid-column:2}.notification>span:first-child{width:34px;height:34px}}

/* Live chat controls: automatic polling every 15 seconds plus manual refresh. */
.chat-live-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--brand-dark);background:#fff;font:800 .76rem inherit}.chat-refresh-button svg{width:15px}.chat-refresh-button:disabled{opacity:.65}.spin{animation:spin .8s linear infinite}@media(max-width:560px){.chat-panel .panel-head{align-items:flex-start}.chat-live-tools{max-width:155px}.chat-online{white-space:normal;text-align:center;line-height:1.2}.chat-refresh-button{width:100%}}

/* Real signature pad for client consent documents. */
.client-signature-box{display:grid!important;grid-template-columns:1fr auto!important;gap:5px 10px!important;padding:13px!important;border:1px solid var(--line);border-radius:16px;background:#fff}.client-signature-box>strong{font-size:.86rem}.client-signature-box>small{grid-column:1/-1;color:var(--muted);font-size:.72rem}.client-signature-box canvas{grid-column:1/-1;display:block;width:100%;height:160px;margin-top:5px;background:#fffcfb;border:2px dashed #d9c1ba;border-radius:13px;touch-action:none}.client-signature-box .secondary-button{grid-column:2;min-height:38px;margin-top:3px;padding:7px 11px;font-size:.72rem}.client-signature-box .secondary-button svg{width:16px}.consent-dialog{width:min(620px,calc(100vw - 24px));max-height:min(92dvh,820px);padding:20px}.consent-dialog>h2{font-size:clamp(1.45rem,6vw,2rem)}
.consent-view-dialog{display:grid;gap:13px;text-align:left}.consent-view-dialog>span{margin:0}.client-consent-meta{margin:0!important;color:var(--muted);font-size:.74rem}.client-consent-document{padding:14px;color:#5f504c;background:#fff9f7;border:1px solid var(--line);border-radius:14px;font-size:.8rem;line-height:1.6;white-space:pre-wrap}.client-consent-choice{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;font-size:.76rem}.client-consent-choice span{color:var(--green);font-weight:850}.client-consent-signature{display:grid!important;grid-template-columns:1fr!important;gap:8px;padding:13px;border:1px solid var(--line);border-radius:14px}.client-consent-signature small{color:var(--muted)}.client-consent-signature img{display:block;width:100%;max-height:150px;object-fit:contain;background:#fff;border-bottom:1px solid #c6b5b0}.consent-view-dialog>.primary-button{width:100%}
@media(max-width:520px){.consent-dialog{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.client-signature-box canvas{height:145px}.client-signature-box .secondary-button{grid-column:1/-1;width:100%}}

/* Firma touch: niente selezione del testo o menu iOS durante il tratto. */
.client-signature-box{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.client-signature-box canvas{touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}

/* Beauty Passport e appuntamento in primo piano. */
.featured-appointment{display:grid;gap:16px;padding:24px;color:#fff;background:linear-gradient(135deg,#6f3d37 0%,#a55f53 58%,#c88779 100%);border-radius:26px;box-shadow:0 20px 48px rgba(95,48,42,.22);overflow:hidden;position:relative}.featured-appointment:after{content:"";position:absolute;right:-65px;top:-70px;width:210px;height:210px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.featured-appointment-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;position:relative;z-index:1}.featured-appointment .eyebrow{color:#ffe8e1}.featured-appointment h2{margin:8px 0 5px;font:700 clamp(1.55rem,4vw,2.25rem)/1.05 Georgia,serif}.featured-appointment p{margin:0;color:#fff1ed}.countdown-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#6c3934;background:#fff;border-radius:999px;font-size:.76rem;font-weight:900}.countdown-pill svg{width:15px}.featured-price{display:grid;justify-items:end;position:relative;z-index:1}.featured-price small{color:#ffe6df}.featured-price strong{font:700 1.75rem Georgia,serif}.featured-price span{margin-top:5px;padding:5px 8px;color:#185a3b;background:#e9f8ef;border-radius:999px;font-size:.68rem;font-weight:900}.featured-prep{display:flex;align-items:flex-start;gap:11px;padding:14px;color:#51302c;background:rgba(255,255,255,.91);border-radius:16px;position:relative;z-index:1}.featured-prep>svg{flex:0 0 20px;width:20px;color:#9f5d52}.featured-prep strong,.featured-prep small{display:block}.featured-prep small{margin-top:3px;line-height:1.4}.featured-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative;z-index:1}.featured-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px;color:#fff;background:rgba(68,28,24,.25);border:1px solid rgba(255,255,255,.28);border-radius:13px;text-align:center;text-decoration:none;font-size:.73rem;font-weight:850}.featured-actions svg{flex:0 0 17px;width:17px}
.beauty-passport{display:grid;gap:18px;padding:24px;background:linear-gradient(145deg,#fff 0%,#fff8f5 58%,#f6e7e2 100%);border:1px solid #ead7d1;border-radius:26px;box-shadow:var(--shadow)}.beauty-passport>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.beauty-passport h2{margin:2px 0;font:700 clamp(1.65rem,4vw,2.2rem)/1 Georgia,serif}.beauty-passport header small{color:var(--muted)}.passport-mark{display:grid;place-items:center;width:54px;height:54px;color:#fff;background:var(--brand);border-radius:18px;font:900 .72rem inherit;box-shadow:0 10px 25px rgba(120,67,59,.22)}.passport-mark svg{width:19px}.passport-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.passport-profile>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 9px;padding:12px;background:rgba(255,255,255,.78);border:1px solid #ecded9;border-radius:15px}.passport-profile>div>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;color:var(--brand);background:var(--soft);border-radius:11px}.passport-profile svg{width:18px}.passport-profile small{color:var(--muted);font-size:.68rem}.passport-profile strong{font-size:.82rem;line-height:1.3}.passport-latest{padding:17px;background:#fff;border:1px solid #eadbd6;border-radius:18px}.passport-latest h3{margin:4px 0 7px;font:700 1.35rem Georgia,serif}.passport-latest>p:not(.eyebrow){margin:0 0 7px;line-height:1.5}.passport-latest>small{color:var(--muted)}.passport-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.passport-photos figure{position:relative;margin:0;overflow:hidden;border-radius:14px;background:var(--soft);aspect-ratio:4/3}.passport-photos img{width:100%;height:100%;object-fit:cover}.passport-photos figcaption{position:absolute;left:8px;bottom:8px;padding:5px 8px;color:#fff;background:rgba(45,29,27,.72);border-radius:999px;font-size:.67rem;font-weight:900}.passport-empty{display:grid;justify-items:center;gap:6px;padding:25px;text-align:center;background:#fff;border:1px dashed #dcc5be;border-radius:18px}.passport-empty svg{width:26px;color:var(--brand)}.passport-empty small{color:var(--muted)}.beauty-passport details{border-top:1px solid #e6d6d1;padding-top:14px}.beauty-passport summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:900;list-style:none}.beauty-passport summary::-webkit-details-marker{display:none}.beauty-passport summary svg{width:18px}.passport-timeline{display:grid;gap:9px;margin-top:13px}.passport-timeline article{display:grid;grid-template-columns:90px 1fr;gap:11px;padding:12px;background:#fff;border-radius:13px}.passport-timeline time{color:var(--brand);font-size:.72rem;font-weight:900}.passport-timeline p,.passport-timeline small{margin:3px 0 0;color:var(--muted);line-height:1.4}
@media(max-width:780px){.featured-appointment{padding:18px;border-radius:21px}.featured-appointment-top{grid-template-columns:1fr}.featured-price{justify-items:start}.featured-actions{grid-template-columns:repeat(2,1fr)}.beauty-passport{padding:18px;border-radius:21px}.passport-profile{grid-template-columns:1fr}.passport-photos{grid-template-columns:1fr}.passport-timeline article{grid-template-columns:1fr;gap:4px}}