/* Beauty studio theme: screen only, so invoice printouts keep their document layout. */
@media screen{
:root{--studio-ink:#4b2b43;--studio-text:#705869;--studio-accent:#93456c;--studio-accent-hover:#763353;--studio-border:#eedee7;--studio-paper:#fffafc;color:var(--studio-ink);background:#fbf5f8}
body{background:radial-gradient(ellipse at 90% 0%,#f9e9f1 0,transparent 42%),#fbf5f8;color:var(--studio-ink);-webkit-font-smoothing:antialiased}
.shell aside{background:linear-gradient(175deg,#fffafd 0%,#f8eaf1 100%);border-right:1px solid var(--studio-border);color:var(--studio-ink)}
.shell aside .brand{color:#5c344c;letter-spacing:-.6px}.shell .brand small{color:#896b7b;font-size:9px;letter-spacing:1.5px}.shell .logo img{filter:brightness(0) saturate(100%) invert(28%) sepia(29%) saturate(1229%) hue-rotate(284deg) brightness(95%) contrast(88%)}
.shell aside nav button{color:#755a6b;border-radius:16px;padding:12px 13px;transition:background .18s,color .18s,box-shadow .18s}.shell aside nav button:hover{background:#f3e0ea;color:#6b3453}.shell aside nav button.active,.shell aside nav button.active:hover,.shell aside .nav-section-button.active{background:#93456c;color:#fff;box-shadow:0 5px 15px #93456c21}.shell aside footer{color:#8a6c7d}.shell aside footer a{color:#8b3f66!important}
.shell header{color:#846b7b;border-color:var(--studio-border)}.shell header .tag{background:#f2e5ee;color:#70455e;border:1px solid #ead6e2}.shell main{padding-top:30px}
.shell .hero{background:linear-gradient(110deg,#f7e5ee 0%,#f7edf5 57%,#f9ebdf 100%);border:1px solid #efdae5;border-radius:30px;padding:36px;min-height:180px;box-shadow:inset 0 1px 0 #ffffffb3}
.shell .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.3vw,46px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;color:#60324f;max-width:720px}.shell .hero p{color:#805b72;max-width:620px;line-height:1.7}.shell .hero .eyebrow{color:#80516c;font-size:10px;letter-spacing:2.3px}.shell .hero:before{content:'';position:absolute;inset:0 0 0 auto;width:250px;background:url('studio-petals.svg') center right/240px auto no-repeat;opacity:.55;z-index:-1;pointer-events:none}.shell .hero:after{width:220px;height:220px;right:-72px;top:-110px;border:1px solid #cda8b47a;background:#fff5ef44;z-index:-2}
.shell h2,.shell h3{color:#59334c;letter-spacing:-.5px}.shell h2{font-weight:650}.shell p{color:var(--studio-text)}
.shell .stat,.shell .card,.shell .client-card,.shell .home-panel,.shell .roadmap{background:#fffdfd;border-color:#eedee7;border-radius:24px;box-shadow:0 5px 20px #67354b05}.shell .stat strong{color:#66384f;letter-spacing:-1px}.shell .stat span,.shell .stat small{color:#795d70}.shell .home-stats .stat:nth-child(1){background:#f8e4ed;border-color:#f0d8e3}.shell .home-stats .stat:nth-child(2){background:#f7eadf;border-color:#efdfd3}.shell .home-stats .stat:nth-child(3){background:#eee8f6;border-color:#e4dbef}.shell .home-stats .stat:nth-child(4){background:#eaf0e8;border-color:#dfe7dc}.shell .home-panel{padding:27px}.shell .home-row{border-color:#f0e4eb}.shell .home-head .tag{background:#f4e7ef;color:#845b73}.shell .home-time,.shell .home-link,.shell .home-timeline time{color:#984c74}.shell .home-timeline li{border-color:#e8cfdd}.shell .salon-today{background:linear-gradient(120deg,#fff7fa,#f8eef5)!important;border-color:#efd9e4}
.shell .primary,dialog .primary{background:#93456c;color:#fff;border-color:transparent;border-radius:15px;box-shadow:0 4px 10px #93456c15}.shell .primary:hover,dialog .primary:hover{background:#763353}.shell .secondary,dialog .secondary{background:#fffdfd;color:#7a4966;border-color:#ead6e2;border-radius:14px}.shell .secondary:hover,dialog .secondary:hover{background:#faedf4;border-color:#dcb8cd}.shell button:focus-visible,dialog button:focus-visible,.mobile-dock button:focus-visible{outline:3px solid #ba739d;outline-offset:3px}
.shell input,.shell select,.shell textarea,dialog input,dialog select,dialog textarea{background:#fffdfd;border-color:#e7d7e1;color:#55364c;border-radius:14px;accent-color:#93456c}.shell input:focus,.shell select:focus,.shell textarea:focus,dialog input:focus,dialog select:focus,dialog textarea:focus{outline:2px solid #c691b1;outline-offset:2px;box-shadow:none}.shell label,dialog label{color:#6d4e62}.shell input::placeholder,dialog input::placeholder{color:#9b8593}.shell .tag{background:#f4e5ed;color:#82516d}.shell .notice{background:#fbf0f6;color:#80506c;border-color:#efd8e5;border-radius:18px}
.section-subnav{background:#fffdfd;border-color:#ecdce6;border-radius:20px;box-shadow:0 3px 15px #67354b03}.section-subnav-title{color:#98728b}.section-tab{color:#805b73;border-radius:13px}.section-tab:hover{background:#f8e9f1}.section-tab.active{background:#93456c;color:#fff}.section-tab:focus-visible{outline-color:#ba739d}
.shell .calendar-views{background:#f5e9f0;border-color:#ebd7e4;border-radius:15px}.shell .calendar-views .secondary{background:transparent;border-color:transparent}.shell .calendar-frame,.shell .month-frame{border-color:#ead8e3;border-radius:21px}.shell .calendar-day-header.is-today strong,.shell .month-today .month-day-number{background:#93456c;color:#fff}.shell .calendar-day-header strong{color:#643c56}.shell .calendar-event,.shell .month-event{background:#f4dce9;color:#753c60;border-left-color:#b76b98}.shell .calendar-event:hover{background:#edc9df}.shell .calendar-slot:hover{background:#fbecf4}.shell .calendar-legend span:first-child{color:#93456c}.shell .calendar-event.is-complete{background:#ede8ed;color:#756775;border-left-color:#ab97a8}.shell .calendar-slot.is-closed{background:repeating-linear-gradient(135deg,#f5eff3,#f5eff3 5px,#ede5eb 5px,#ede5eb 6px)}
.shell .finance-chart{background:#fffdfd;border-color:#ecdae5;border-radius:22px}.shell .finance-table th{background:#f9edf4;color:#774961}.shell .finance-table td,.shell .finance-table th{border-color:#f0e3eb}.shell .finance-bars{border-color:#ead7e3}.shell .hours-row,.shell .appointment-services{background:#fff9fc;border-color:#eedbe6}.shell .hours-row legend,.shell .appointment-service-total{color:#875371!important}.shell .dossier-contact,.shell .dossier-section{border-color:#ecdce5}.shell .followup-procedure summary,.shell .home-panel details summary{color:#85506e}.shell .followup-procedure ol{color:#76586b}.shell .message-preview{background:#fbf0f6;border-color:#eed9e5}.shell .stock-product>strong{color:#804563}.shell .stock-reorder{color:#784b65}.shell .bottom{color:#a18497}
dialog{background:#fffafd;border:1px solid #e8cfdf;border-radius:27px;box-shadow:0 24px 90px #63304e35;color:#543449}dialog::backdrop{background:#59334c66;backdrop-filter:blur(5px)}dialog h2,dialog h3{color:#693951}dialog p{color:#78576d}dialog fieldset,.invoice-line{background:#fbf1f7;border-color:#ecd6e3}.invoice-totals{background:#f1dce9;color:#713c5c;border:1px solid #e7c7da;border-radius:18px}.invoice-preview{background:white;color:#27313b}.invoice-preview h1,.invoice-preview h2{color:#303844}.invoice-preview p{color:#59616d}.invoice-preview-dialog>.actions{background:#fffafd}.invoice-preview .finance-table th{background:#f5f5f7;color:#454550}
.mobile-top{color:#783f60}.mobile-top button{color:#874d6d;border-color:#e8cddd;background:#fff9fc}.mobile-dock{background:#fffafd;border-top-color:#ecd6e3;box-shadow:0 -5px 25px #713a5510}.mobile-dock button{color:#7d566e}.mobile-dock button.active{background:#f3dfe9;color:#8a4067}.mobile-menu{background:#fff9fc;border-color:#e8cddd}.mobile-menu-head h2{color:#783f60}.mobile-menu-grid button{background:#f6e6ef;color:#814e6e;border:1px solid #ecd3e2}.mobile-menu-grid button:hover{background:#efcfdf}.mobile-menu::backdrop{background:#59334c66}
}
@media screen and (min-width:1100px){.shell .hero h1{padding-right:65px}.shell .hero p{padding-right:45px}}
@media screen and (max-width:700px){.shell main{padding-top:0}.shell .hero{padding:25px 22px;min-height:0;border-radius:27px}.shell .hero h1{font-size:36px;letter-spacing:-1.3px;max-width:320px}.shell .hero p{font-size:13px}.shell .hero:before{width:140px;background-size:180px;opacity:.2}.shell .hero:after{right:-125px;top:-110px}.shell .stat{border-radius:22px}.shell .stat strong{font-size:25px}.shell .home-panel{padding:22px}.mobile-dock{padding-top:8px}.mobile-dock button.active{border-radius:16px}.mobile-top strong{letter-spacing:-.5px}}
@media(prefers-reduced-motion:reduce){.shell aside nav button{transition:none}}
/* Atelier Pastel: light surfaces, dark type for legibility. */
@media screen{
:root{--studio-ink:#5e5262;--studio-text:#6f6275;--studio-accent:#f6dfea;--studio-accent-hover:#eed5e3;--studio-border:#f0e5ec;--studio-paper:#fffcfa;background:#fffcfa;color:#5e5262}
body{background:radial-gradient(ellipse at 100% 0,#fff2f7 0,transparent 45%),#fffcfa;color:#5e5262}
.shell aside{background:linear-gradient(175deg,#fffdfd,#fff4f8);border-color:#f0e5ec;color:#5e5262}.shell aside .brand{color:#6e5b71}.shell .brand small{color:#867789}.shell aside nav button{color:#756779}.shell aside nav button:hover{background:#fff0f5;color:#65536a}.shell aside nav button.active,.shell aside nav button.active:hover,.shell aside .nav-section-button.active{background:#f6dfea;color:#5e5262;box-shadow:0 4px 14px #e4cfdc20}.shell aside footer,.shell header{color:#716079}.shell aside footer a{color:#78637e!important}.shell .logo img{filter:brightness(0) saturate(100%) invert(42%) sepia(11%) saturate(647%) hue-rotate(239deg) brightness(94%) contrast(88%)}
.shell .hero{background:linear-gradient(110deg,#fff0f5,#faf5ff 65%,#fff5eb);border-color:#f3e7ee;box-shadow:inset 0 1px 0 #fff}.shell .hero h1{color:#68566c}.shell .hero p{color:#7b6c80}.shell .hero .eyebrow{color:#7d6c81}.shell .hero:before{opacity:.22}.shell .hero:after{border-color:#e8dbe199;background:#fffaf550}
.shell h2,.shell h3{color:#625366}.shell .stat,.shell .client-card,.shell .home-panel,.shell .card,.shell .roadmap{background:#fffefe;border-color:#f0e6ed;box-shadow:0 4px 18px #8b709307}.shell .stat strong{color:#6b5970}.shell .stat span,.shell .stat small{color:#716079}.shell .home-stats .stat:nth-child(1){background:#fff0f5;border-color:#f5e6ec}.shell .home-stats .stat:nth-child(2){background:#fff3e8;border-color:#f4e9de}.shell .home-stats .stat:nth-child(3){background:#f4f0ff;border-color:#ece7f8}.shell .home-stats .stat:nth-child(4){background:#eef8f2;border-color:#e5efe8}.shell .salon-today{background:linear-gradient(120deg,#fff8fb,#faf7ff)!important;border-color:#f0e5ee}.shell .tag,.shell header .tag,.shell .home-head .tag{background:#faf0f6;border-color:#f0e4ec;color:#7b657e}.shell .home-time,.shell .home-link,.shell .home-timeline time{color:#84658c}.shell .home-timeline li{border-color:#eee2ed}
.shell .primary,dialog .primary{background:#f6dfea;color:#5e5262;border:1px solid #ecd4e1;box-shadow:0 3px 12px #e8d5e220}.shell .primary:hover,dialog .primary:hover{background:#eed5e3;color:#55475a}.shell .secondary,dialog .secondary{background:#fffdfd;color:#75627d;border-color:#eee2eb}.shell .secondary:hover,dialog .secondary:hover{background:#fcf3f8;border-color:#e4d4e4}.shell button:focus-visible,dialog button:focus-visible,.mobile-dock button:focus-visible{outline-color:#af91b9}
.section-subnav{background:#fffdfd;border-color:#f0e6ef}.section-subnav-title{color:#75617e}.section-tab{color:#7d6984}.section-tab:hover{background:#faf2f8}.section-tab.active{background:#e9e1f7;color:#5e5262}
.shell .notice,.shell .message-preview{background:#fff5f9;border-color:#f1e3ec;color:#7c6583}.shell input,.shell select,.shell textarea,dialog input,dialog select,dialog textarea{border-color:#eae0eb;color:#5e5262;accent-color:#a98ab1}.shell input:focus,.shell select:focus,.shell textarea:focus,dialog input:focus,dialog select:focus,dialog textarea:focus{outline-color:#bca6c8}.shell label,dialog label{color:#75637c}
.shell .calendar-views{background:#faf5fc;border-color:#eee3f1}.shell .calendar-day-header.is-today strong,.shell .month-today .month-day-number{background:#e9e1f7;color:#62536b}.shell .calendar-event,.shell .month-event{background:#f6e9f5;color:#705779;border-left-color:#d4bfdc}.shell .calendar-event:hover{background:#edddf1}.shell .calendar-legend span:first-child{color:#85698e}.shell .calendar-event.is-complete{background:#eef8f2;color:#64786d;border-left-color:#c3ddce}.shell .calendar-slot:hover{background:#fff5fa}.shell .calendar-frame,.shell .month-frame{border-color:#efe5f1}.shell .calendar-slot.is-closed{background:repeating-linear-gradient(135deg,#faf7fc,#faf7fc 5px,#f2edf6 5px,#f2edf6 6px)}
.shell .hours-row,.shell .appointment-services{background:#fffafd;border-color:#f0e3ef}.shell .hours-row legend,.shell .appointment-service-total{color:#856b8b!important}.shell .finance-chart{border-color:#f0e5ef}.shell .finance-table th{background:#faf3fa;color:#7c6585}.shell .stock-product>strong{color:#7b6484}.shell .followup-procedure summary,.shell .home-panel details summary{color:#81688b}
dialog{background:#fffdfd;border-color:#eee0ed;box-shadow:0 24px 90px #8b709328}dialog::backdrop{background:#85738f45}dialog h2,dialog h3{color:#6b5673}dialog p{color:#7d6a85}dialog fieldset,.invoice-line{background:#fdf6fc;border-color:#eee0ef}.invoice-totals{background:#f4eefb;border-color:#e9def3;color:#705b7c}.invoice-preview-dialog>.actions{background:#fffdfd}.invoice-preview{background:#fff}.invoice-preview h1,.invoice-preview h2{color:#303844}.invoice-preview p{color:#59616d}
.mobile-top{color:#786282}.mobile-top button{background:#fffcfe;color:#796482;border-color:#ece0ed}.mobile-dock{background:#fffdfd;border-color:#eee1ed;box-shadow:0 -5px 25px #ad91b40d}.mobile-dock button{color:#735d7e}.mobile-dock button.active{background:#f5e6f0;color:#72567e}.mobile-menu{background:#fffdfd;border-color:#f0e2ef}.mobile-menu-head h2{color:#786282}.mobile-menu-grid button{background:#faf0f7;color:#7d6388;border-color:#f0e0ed}.mobile-menu-grid button:nth-child(3n+2){background:#f5f0fd}.mobile-menu-grid button:nth-child(3n){background:#fff5eb}.mobile-menu-grid button:hover{background:#f1e2f2}.mobile-menu::backdrop{background:#85738f45}
}

/* Atelier Pastel: finish the approved light palette and readable small type. */
@media screen {
 body:has(.shell){background:radial-gradient(ellipse at 100% 0,#fff2f7 0,transparent 45%),#fffcfa;color:var(--studio-ink)}
 .shell .bottom,.shell .eyebrow{color:#716079}
 .shell input::placeholder,.shell textarea::placeholder,dialog input::placeholder,dialog textarea::placeholder{color:#796781;opacity:1}
 .shell .empty,.shell .section-subnav-title{color:#75617e}
 .shell a:focus-visible,.section-tab:focus-visible{outline:3px solid #94769f;outline-offset:3px}
 #toast{background:#f4eefb;color:#5e5262;border:1px solid #dfd0e8;box-shadow:0 8px 30px #8b709322}
}
@media screen and (max-width:700px){
 .mobile-dock button,.mobile-top button,.mobile-menu button{min-height:44px}
}

@media screen{.finance-table:focus-visible{outline:3px solid #94769f;outline-offset:3px}}

/* Guided setup and clearly separated practice mode. */
@media screen{
 .setup-panel{margin-bottom:24px}.setup-panel>summary{font-size:19px;font-weight:650;color:#625366;cursor:pointer;line-height:1.5}
 .setup-panel progress{width:100%;height:12px;accent-color:#a48bac;margin:8px 0 18px}.setup-panel>label{margin-top:14px}
 .setup-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:0 0 24px}
 .setup-list li{padding:18px;background:#faf5fc;border:1px solid #e9dfed;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
 .setup-list strong{font-size:14px;color:#625366;line-height:1.5}.setup-list p{font-size:13px;margin:0;flex:1}.setup-list button{min-height:44px}
 .setup-panel>a{display:inline-block;text-decoration:none}.setup-panel #activity-audience{max-width:520px}
 .data-safety{margin-bottom:24px}.data-safety li{color:#6f6275;line-height:1.8;margin-bottom:8px}.data-safety input{max-width:100%}
 .demo-banner{padding:16px 24px;background:#fff3e8;border-bottom:1px solid #ead4c3;display:flex;align-items:center;justify-content:space-between;gap:18px}
 .demo-banner p{margin:0;color:#6c5347;font-size:13px;max-width:850px}.demo-banner a{flex-shrink:0;text-decoration:none;font-size:13px;min-height:44px;display:flex;align-items:center}
}
@media screen and (max-width:1050px){.setup-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:700px){.setup-list{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column;padding:16px}.data-safety{padding:20px}.setup-panel{padding:20px}}

@media screen{.setup-panel progress{appearance:none;border:0;border-radius:10px;background:#eee5f3;overflow:hidden}.setup-panel progress::-webkit-progress-bar{background:#eee5f3;border-radius:10px}.setup-panel progress::-webkit-progress-value{background:#a48bac;border-radius:10px}.setup-panel progress::-moz-progress-bar{background:#a48bac;border-radius:10px}}
