/* Signature Nails 2026 • shared luxury tokens from the approved portrait artwork.
   Scoped to application surfaces only; do not paint the embedded artwork as a background. */
:root{
 --sn-brand-ivory:#fff9f5;--sn-brand-marble:#fff4ef;--sn-brand-pink:#f6ced3;
 --sn-brand-petal:#f9e4e5;--sn-brand-rose:#ac6271;--sn-brand-rose-deep:#793b49;
 --sn-brand-copper:#b87b59;--sn-brand-line:#dfb9ad;--sn-brand-ink:#512d35;
 --sn-brand-muted:#75555e;--sn-brand-elevated:#fffcfa;
 --sn-brand-focus:#823b58;
 --sn-cream-marble:radial-gradient(ellipse at 7% 10%,rgba(253,214,222,.52),transparent 54%),radial-gradient(ellipse at 95% 80%,rgba(245,217,212,.44),transparent 48%),repeating-linear-gradient(125deg,transparent 0 120px,rgba(191,126,120,.038) 121px,transparent 124px),linear-gradient(145deg,#fffdfb,#fff8f5 56%,#f9eae9);
 --sn-satin:linear-gradient(125deg,#fff4ee 0%,#fce0e1 43%,#f2c3ce 100%);
 --sn-metal:linear-gradient(115deg,#87503f,#c68f68 25%,#f5d3a5 47%,#b37356 80%,#8f5141);
 --sn-ink:var(--sn-brand-ink);--sn-wine:var(--sn-brand-rose-deep);--sn-ivory:var(--sn-brand-ivory);
 --sn-petal:var(--sn-brand-petal);--sn-rose:var(--sn-brand-rose);--sn-rose-deep:var(--sn-brand-rose-deep);
 --sn-gold:var(--sn-brand-copper);--sn-border:var(--sn-brand-line);
 --ink:var(--sn-brand-ink);--muted:var(--sn-brand-muted);--cream:var(--sn-brand-ivory);--line:var(--sn-brand-line);--surface:var(--sn-brand-elevated);
 --premium-plum:var(--sn-brand-rose-deep);--premium-brass:var(--sn-brand-copper);
}
body:not(.welcome-mode),body:not(.welcome-mode) .layout,body:not(.welcome-mode) .phone,#site-shell{
 background:var(--sn-cream-marble)!important;color:var(--sn-brand-ink);
}
#site-shell .site-header,#signature-app-navigation,.signature-nav-top{
 background:linear-gradient(115deg,rgba(255,252,249,.98),rgba(253,232,233,.97))!important;
 border-color:var(--sn-brand-line)!important;
}
#overlay .dialog,#overlay.app-screen .dialog,.ui-modal-section,
.ops-section,.ops-action-panel,.actionable-detail,.readiness-item,.demo-check-item,
.ops-appointment,.ops-request,.ui-card,.ui-stat,.service-tile,.signature-customer-grid article,
.actionable-record,.actionable-change,.signature-shortcut,.booking-summary{
 background:linear-gradient(145deg,rgba(255,253,251,.98),rgba(255,245,242,.96))!important;
 border:1px solid var(--sn-brand-line)!important;
 color:var(--sn-brand-ink)!important;
 box-shadow:0 6px 24px rgba(108,62,67,.085)!important;
}
#overlay.app-screen .dialog{box-shadow:none!important}
#site-shell .site-section,.signature-customer-home,.ops-agenda,.ops-request-list,.ops-tabs,
.calendar-month,.calendar-day,.ui-grid,.ui-list,.booking-pane{color:var(--sn-brand-ink)}
#site-shell h1,#site-shell h2,#site-shell h3,.dialog h2,.dialog h3,
.signature-customer-home h2,.ops-section h3,.service-tile strong,.ui-card h3{
 color:var(--sn-brand-rose-deep)!important;
}
#site-shell p,.dialog p,.ui-muted,.ui-card p,.ops-section p,.signature-customer-grid p{
 color:var(--sn-brand-muted);
}
#site-shell .site-button,.signature-nav-back,.signature-nav-utils button,.signature-nav-tabs button,
.ops-tabs button,.demo-role-tabs button,.item button,.actionable-link,.actionable-shortcut{
 border:1px solid #c9988b!important;border-radius:999px!important;
 background:var(--sn-satin)!important;color:#633544!important;
 box-shadow:inset 0 1px rgba(255,255,255,.8),0 3px 10px rgba(115,65,72,.13)!important;
}
#site-shell .site-button.primary-action,.signature-nav-tabs button.active,
.signature-nav-tabs button[aria-current="page"],.ops-tabs button.active,
.demo-role-tabs button.is-selected,.primary,
#site-shell .nav-accent{
 background:linear-gradient(115deg,#ba798b,#975467 70%,#7f4053)!important;
 border-color:#97566a!important;color:#fff!important;
}
#site-shell input,#site-shell select,#site-shell textarea,#overlay input,#overlay select,#overlay textarea,
.dialog .field input,.dialog .field select,.dialog .field textarea{
 background:#fffdfb!important;border:1px solid #d8b8b2!important;
 color:#4b2d36!important;border-radius:12px!important;
}
#site-shell input:focus-visible,#overlay input:focus-visible,
#site-shell button:focus-visible,#overlay button:focus-visible,
#site-shell a:focus-visible,#overlay a:focus-visible{
 outline:3px solid var(--sn-brand-focus)!important;outline-offset:2px!important;
}
#signature-app-navigation .signature-nav-brand,.hero-eyebrow,.section-kicker{
 color:#a26d65!important;
}
#site-shell .site-footer{background:linear-gradient(115deg,#7c4252,#a26474)!important}
#site-shell .site-footer p{color:#fff8f4!important}
#site-shell .brand-poster-crop{border-color:var(--sn-brand-copper)!important}
#site-shell .brand-logo-image{transform:translateY(-31%)}
#site-shell .hero-art{border-color:#d3ab94!important}
#site-shell .hero-brand-crop{background:var(--sn-cream-marble)!important}
#site-shell .hero-brand-image{max-width:none}
@media(max-width:700px){
 #overlay.app-screen .dialog{padding:16px!important;border-radius:0!important;max-width:100%!important}
 #signature-app-navigation{margin-left:-2px!important;margin-right:-2px!important}
 .signature-customer-grid{grid-template-columns:1fr!important}
 .ui-card,.ops-section,.actionable-detail,.ops-request,.ops-appointment{max-width:100%;overflow-wrap:anywhere}
 .ui-grid,.ops-tabs,.signature-nav-tabs{min-width:0}
}
@media(prefers-reduced-motion:reduce){#site-shell *,#overlay *{scroll-behavior:auto!important;transition-duration:0s!important}}