/*
 * Signature Nails · Welcome-inspired brand system
 * Source visual: existing signed-off welcome poster — pink orchids, marble,
 * warm rose-gold, blush satin controls, and fine copper outlines.
 * Applied only to the application; the original welcome artwork is untouched.
 */
:root{
 --sn-wine:#6f3d44;
 --sn-ink:#3e292b;
 --sn-rose:#ad6673;
 --sn-rose-deep:#874a55;
 --sn-petal:#f7dce0;
 --sn-blush:#ffe9e5;
 --sn-ivory:#fffaf6;
 --sn-gold:#ab7855;
 --sn-border:#dfb6ae;
 --sn-shadow:0 14px 40px rgba(116,65,70,.13);
 --sn-metal:linear-gradient(115deg,#865139 0%,#c18a69 20%,#e8ba90 42%,#a26648 70%,#88503f 100%);
 --sn-satin:linear-gradient(135deg,#ffece9 0%,#f7cecf 41%,#f7c8c5 75%,#ecc0bd 100%);
 --sn-cream-marble:
   radial-gradient(ellipse 66% 65% at 6% 10%,rgba(255,225,230,.8),transparent 75%),
   radial-gradient(ellipse 48% 50% at 93% 48%,rgba(240,195,188,.35),transparent 72%),
   repeating-linear-gradient(121deg,transparent 0 68px,rgba(195,135,136,.027) 69px,transparent 72px 190px),
   linear-gradient(140deg,#fffdf9,#fff5f1 52%,#f8e8e5 100%);
}
body:not(.welcome-mode){
 background:var(--sn-cream-marble);
 color:var(--sn-ink);
}
body:not(.welcome-mode) .layout,
body:not(.welcome-mode) .phone{
 background:var(--sn-cream-marble);
}
#site-shell{
 background:
 radial-gradient(ellipse 90% 45% at 98% 8%,rgba(248,202,205,.56),transparent 72%),
 radial-gradient(ellipse 52% 22% at 0 72%,rgba(244,207,205,.43),transparent 85%),
 var(--sn-cream-marble);
}
#demo-mode-banner{
 background:#733b48!important;
 border-bottom:1px solid #d79b9c;
 box-shadow:0 2px 13px rgba(105,51,61,.14);
 letter-spacing:.075em!important;
}
#demo-mode-banner[hidden]{display:none!important}
.site-header{
 background:linear-gradient(120deg,rgba(255,246,240,.98),rgba(255,235,232,.97))!important;
 border-bottom:1px solid rgba(183,123,113,.52);
 box-shadow:0 6px 22px rgba(127,77,81,.10);
}
.site-header::after{
 content:"";
 position:absolute;
 bottom:0;left:0;right:0;height:1px;
 background:linear-gradient(90deg,transparent,#d9a282 30%,#fce9cf 50%,#c18e6b 70%,transparent);
 pointer-events:none;
}
.site-header .brand{
 display:inline-flex;gap:12px;align-items:center;
 text-decoration:none;white-space:nowrap;min-height:46px;
 color:var(--sn-wine);
}
.site-header .brand-mark{
 width:42px;height:42px;
 display:grid;place-items:center;
 border:1px solid #bd8e78;
 color:#965c4d;font:normal 29px Georgia,serif;
 background:radial-gradient(circle at 28% 24%,#fffdfa,#ffdadb 80%);
 box-shadow:inset 0 0 0 3px rgba(255,255,255,.58),0 3px 10px #8c5a5740;
}
.brand-wordmark{
 display:flex;align-items:center;gap:9px;
}
.brand-signature{
 font:italic normal clamp(22px,2.8vw,32px)/.95 "URW Chancery L","Brush Script MT","Segoe Script",Georgia,cursive;
 letter-spacing:-.045em;
 background:var(--sn-metal);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-nails{
 color:#7d4948;letter-spacing:.31em;
 font:700 10px/1.2 Georgia,serif;
 border-left:1px solid #cda99a;padding-left:9px;
}
.site-nav button{
 color:#71434d;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.site-nav button:hover{
 color:var(--sn-wine);background:#fce0dd!important;
}
.site-nav .nav-accent{
 background:linear-gradient(112deg,#b8707c,#8e4d5c 75%)!important;
 color:#fff!important;border:1px solid #98565d!important;
 box-shadow:inset 0 1px #ffe8e199,0 4px 14px #92545b2e;
}
.site-nav .nav-accent:hover{background:#834652!important;color:#fff!important}
.hero{
 position:relative;
 border-bottom:1px solid rgba(188,126,124,.19);
}
.hero::before{
 content:"✿";
 position:absolute;right:calc(43% - 55px);top:32px;
 font:normal 74px Georgia,serif;color:rgba(192,118,121,.11);
 pointer-events:none;transform:rotate(-17deg);
}
.hero-eyebrow,.section-kicker,.service-tile-index,.demo-eyebrow,.signature-customer-home>.section-kicker{
 color:#9d6867!important;letter-spacing:.19em!important;
}
.hero h1,.section-heading h2,.dialog h2,
.signature-customer-home>h2,.booking-step-heading{
 color:var(--sn-wine)!important;
}
.hero h1 em{color:#bd747d!important}
.hero p,.section-heading p,.ui-muted{color:#795e61}
.hero-availability-dot{background:#cc878b}
.hero-availability{color:#8d646a}
.hero-art{
 border:1px solid #cc9683;
 border-radius:140px 140px 24px 24px!important;
 overflow:hidden;
 background:radial-gradient(circle at 50% -10%,#fff9f3,#f8cfcc 55%,#dca7a2 100%)!important;
 box-shadow:
  0 0 0 7px #fff8f299,
  0 0 0 9px rgba(188,124,93,.28),
  24px 28px 45px rgba(117,69,68,.16)!important;
}
.hero-art::before,.hero-art::after{display:none}
.hero-art .hero-floral-crop{
 position:absolute;inset:0;overflow:hidden;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.88) 45%,transparent 89%);
 mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.88) 45%,transparent 89%);
 opacity:.55;
}
.hero-art .hero-floral-crop img{
 position:absolute;width:100%;height:auto;top:0;left:0;
 /* The welcome poster's upper portion contains orchids and manicure artwork,
    not the former social-login button artwork. */
}
.hero-art::selection{background:#f4d3d1}
.hero-art-inner{
 position:relative;margin-top:clamp(125px,16vw,190px);
 width:79%;max-width:345px;padding:32px 22px 31px;
 background:linear-gradient(155deg,rgba(255,253,247,.96),rgba(255,237,234,.94))!important;
 border:1px solid #c9a58d!important;
 border-radius:110px 110px 16px 16px!important;
 box-shadow:0 10px 25px rgba(122,76,62,.19),inset 0 0 0 4px #fffaf6b9!important;
}
.hero-art .star,.hero-ornament{color:#b27a62!important}
.hero-art strong{color:#894f57!important;font-family:Georgia,serif}
.hero-art small{color:#8f6155!important}
.hero-art-caption{color:#915f55!important;background:#fff7f0b5;padding:7px 9px;border-radius:20px}
.site-section{position:relative}
.site-section::before{
 content:"";
 position:absolute;top:1px;left:24px;right:24px;
 height:1px;background:linear-gradient(90deg,transparent,#d8aa8b 40%,transparent);
 pointer-events:none;
}
.service-grid{gap:20px}
.service-tile,.ui-card,.ops-request,.ops-appointment,.signature-customer-grid article{
 position:relative;
 border:1px solid #dfb8b0!important;
 border-radius:19px!important;
 background:
 radial-gradient(circle at 100% 0,rgba(255,210,219,.35),transparent 35%),
 linear-gradient(150deg,#fffcf9 0%,#fff3f0 100%)!important;
 box-shadow:0 6px 20px rgba(135,87,86,.06);
}
.service-tile::before,.signature-customer-grid article::before{
 content:"❀";
 position:absolute;top:12px;right:15px;
 font:normal 25px Georgia,serif;color:#d9a5a0;opacity:.7;
 pointer-events:none;
}
.service-tile::after,.ui-card::after{
 content:"";
 position:absolute;inset:4px;
 border:1px solid rgba(202,149,121,.19);
 border-radius:14px;pointer-events:none;
}
.service-tile strong,.ui-card h3,.signature-customer-grid h3{
 color:#82474d!important;
}
.service-tile-index{color:#a17362!important}
.service-tile-bottom{border-top:1px solid #e8c6bd}
.service-price{color:#885a5c}
.service-tile button,.ui-card button,.ops-request button{
 color:#8c4954;
}
.service-tile button:hover,.ui-card button:hover{
 color:#5b303d;
}
.site-button,#site-shell button.site-button,
.signature-nav-back,.signature-nav-utils button{
 border-radius:999px!important;
 border:1px solid #bc8480!important;
 background:var(--sn-satin)!important;
 color:#63373e!important;
 box-shadow:inset 0 2px #fffaf7e0,0 3px 8px #98616b24;
 min-height:44px;
}
.site-button:hover,#site-shell button.site-button:hover,
.signature-nav-back:hover,.signature-nav-utils button:hover{
 background:linear-gradient(125deg,#fff5ec,#f9d2cf)!important;
 border-color:#9c6466!important;
 box-shadow:inset 0 2px #fffaf7,0 6px 13px #98616b3a;
}
.site-button.primary-action,#site-shell button.site-button.primary-action,
.ops-row-actions .site-button.primary-action{
 background:linear-gradient(125deg,#ba7780,#8b4d5a 80%)!important;
 color:#fff!important;
 border:1px solid #94545c!important;
 box-shadow:inset 0 2px #fce1dd8a,0 6px 17px #8a4d5838;
}
.site-button.primary-action:hover,#site-shell button.site-button.primary-action:hover{
 background:linear-gradient(125deg,#ab6571,#713d4b)!important;
 color:#fff!important;
}
.site-footer{
 background:linear-gradient(120deg,#844855,#a96870 50%,#794751 100%)!important;
 border-top:3px solid #cc9573;
}
.site-footer p{color:#ffebe6!important}
.site-footer .site-button{background:#fff1e9!important;color:#693c45!important}
#overlay.app-screen{background:#441f2a8a}
body:not(.welcome-mode) .dialog,
#overlay.app-screen .dialog{
 background:
 radial-gradient(ellipse 67% 34% at 97% 0,rgba(255,215,217,.47),transparent 80%),
 repeating-linear-gradient(124deg,transparent 0 115px,#d8a9a80a 117px,transparent 120px),
 linear-gradient(155deg,#fffdf9 0%,#fff4f0 100%)!important;
 border-left:1px solid #dfb7af;
 border-right:1px solid #dfb7af;
}
#signature-app-navigation{
 border-bottom:1px solid #d7a79a!important;
 background:linear-gradient(125deg,rgba(255,246,240,.98),rgba(255,225,224,.96))!important;
}
#signature-app-navigation::after{
 content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
 background:var(--sn-metal);opacity:.42;pointer-events:none;
}
.signature-nav-identity>span{color:#99644e!important}
.signature-nav-identity>strong{color:#713f49!important}
.signature-nav-tabs button,.ops-tabs button,.demo-role-tabs button{
 border:1px solid #d6a69f!important;
 background:linear-gradient(125deg,#fffaf6,#fce2df)!important;
 color:#794952!important;
 border-radius:999px!important;
}
.signature-nav-tabs button.active,.signature-nav-tabs button[aria-current=page],
.ops-tabs button.active,.demo-role-tabs button.is-selected{
 background:linear-gradient(120deg,#ad6b78,#8b4a59)!important;
 color:#fff!important;
 border-color:#925461!important;
 box-shadow:inset 0 1px #ffffff65,0 4px 12px #8e5a6438;
}
.signature-nav-tabs button:hover:not(.active){background:#f6cdcb!important}
.signature-customer-home .signature-tile-icon{color:#a66c69}
body:not(.welcome-mode) .dialog .primary,
body:not(.welcome-mode) .dialog button.primary,
body:not(.welcome-mode) .dialog .item button{
 background:linear-gradient(125deg,#b7717c,#874855)!important;
 color:#fff!important;
 border:1px solid #91535d!important;
 border-radius:999px!important;
 box-shadow:inset 0 1px #fff6ee84,0 4px 13px #8d515b2e;
}
body:not(.welcome-mode) .dialog .primary:hover,
body:not(.welcome-mode) .dialog .item button:hover{
 background:linear-gradient(125deg,#a56370,#793e4a)!important;
}
.dialog .close{
 border:1px solid #b88986!important;
 color:#834d55!important;
 background:linear-gradient(125deg,#fffaf8,#fce0df)!important;
 box-shadow:0 3px 9px #bb89892a;
}
.dialog h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.dialog h3{color:#864c54!important}
.dialog .field,.calendar-controls label{color:#714650!important}
.dialog input,.dialog select,.dialog textarea,
.calendar-controls input,.calendar-controls select{
 border:1px solid #d5a9a3!important;
 background:#fffbf7!important;
 border-radius:13px!important;
 color:#3e292b!important;
}
.dialog input:focus-visible,.dialog select:focus-visible,.dialog textarea:focus-visible{
 outline:2px solid #b97d7e!important;outline-offset:2px;
}
.booking-progress div{border-top:3px solid #e8c5bd}
.booking-progress .current{border-color:#a85e71!important;color:#733944!important}
.booking-progress .complete{border-color:#d5a47d!important}
.booking-price,.booking-summary,.note,.ui-card,.ui-stat,.ops-section,.ops-action-panel{
 background:linear-gradient(138deg,#fffcf9,#fcebe6)!important;
 border-color:#e4bdb6!important;
}
.booking-summary div{border-color:#ebd0c9!important}
.ui-chip{background:#f9dedd!important;color:#844752!important;border:1px solid #dcb9b1}
.ui-chip.confirmed,.ui-chip.completed{background:#e3f1e6!important;color:#326448!important;border-color:#b6d3c1}
.ui-chip.declined,.ui-chip.cancelled{background:#fae6e6!important;color:#a24754!important}
.ui-chip.requested{background:#fff3dc!important;color:#8e6240!important}
.ui-stat{box-shadow:inset 0 2px #fff8f2,0 4px 14px #95626715;border-radius:15px!important}
.ui-stat strong{color:#955763!important;font-family:Georgia,serif}
.ui-row,.ops-request,.ops-appointment,.ops-section,.readiness-item,.demo-check-item{
 border-color:#e0b7b0!important;
 border-radius:16px!important;
}
.ops-time{color:#9b5361!important}
.ops-tabs button.active{color:white!important}
.calendar-day-head{background:linear-gradient(120deg,#fce6e1,#f2c9cc)!important}
.calendar-cell.today{border-color:#b9787a!important;background:#fff0e9!important}
.calendar-entry{background:#f7deda!important;color:#713d4e!important}
.calendar-entry.confirmed{background:#e5f2e9!important}
.calendar-lane{background:repeating-linear-gradient(to bottom,#fffbf8 0px,#fffbf8 59px,#f1d8d5 59px,#f1d8d5 60px)}
.calendar-block{background:#f7d6d6!important;border-color:#b77180!important;color:#5c3643!important}
.calendar-block.confirmed{background:#e3f2e7!important;border-color:#5b9977!important}
.demo-live-status,.demo-safety,.ops-action-panel,.readiness-item{
 background:linear-gradient(140deg,#fff9f4,#fce6df)!important;
}
.demo-role-tabs button.is-selected{color:white!important}
.demo-check-item label input,.staff-permission-row input{accent-color:#9d5867}
.ui-error,.error{color:#962b41!important}
.ui-success{color:#276e4e!important}
.loading-sheen,.ui-stat.loading{
 background:linear-gradient(100deg,#fce4e2 10%,#fff9f3 30%,#fce4e2 50%)!important;
 background-size:200% 100%!important;
 animation:sn-shimmer 1.7s infinite linear;
}
@keyframes sn-shimmer{to{background-position:-200% 0}}
@media(max-width:850px){
 .brand-wordmark{gap:7px}
 .brand-signature{font-size:23px}
 .brand-nails{font-size:9px;letter-spacing:.23em}
 .hero-art{border-radius:90px 90px 17px 17px!important}
 .hero-art-inner{margin-top:110px}
}
@media(max-width:600px){
 .site-header .brand-mark{width:36px;height:36px;font-size:24px}
 .brand-signature{font-size:24px}
 .brand-nails{font-size:8px}
 .hero-art{min-height:310px!important;border-radius:92px 92px 13px 13px!important}
 .hero-art-inner{margin-top:85px;padding:25px 16px;width:78%}
 .hero-art .hero-floral-crop img{width:100%}
 .service-tile{border-radius:17px!important}
 .hero-art-caption{font-size:8px}
 .signature-nav-tabs button{min-height:45px}
}
@media(prefers-reduced-motion:reduce){
 .loading-sheen,.ui-stat.loading{animation:none!important}
}