/* Soft botanical treatment. Decoration never receives focus or covers controls. */
:root{--bg:#faf7f2;--paper:#fffdfa;--ink:#392f30;--muted:#756569;--accent:#854858;--soft:#f2e5e5;--line:#e9dfd8}
body{background-color:var(--bg);background-image:linear-gradient(115deg,#faf7f256,#faf7f29c),url('/assets/botanical-ivory-v1.png');background-size:cover;background-position:center top;background-attachment:fixed}
.sidebar{background:#f8f2eceb;border-inline-end:1px solid #e5d7d080;padding:30px 19px;gap:32px}
.sidebar .brand-image{height:94px;max-height:94px;object-fit:contain;opacity:.94}
.sidebar nav{gap:7px}.nav-item{border-radius:14px;color:#6f585e}.nav-item.active{background:#ecd8dd;color:#784050;box-shadow:0 3px 12px #65394406}
.topbar{background:#fffdfaeb;border-bottom:1px solid #e7dcd480;padding-block:16px}
.demo-strip{background:#f1e9e6b3;color:#79686a;padding:7px 12px}
.main{padding-top:34px}.page-heading{margin-bottom:25px}.page-heading h1{font-weight:400;letter-spacing:-.6px}.date-line{color:#897277}
.panel{background:#fffdfaf2;border-color:#e6d8d1c9;border-radius:24px;box-shadow:0 8px 32px #67484206}
.next-panel{background:linear-gradient(140deg,#fffefa,#fffaf8f5);border-color:#dfcbce;box-shadow:0 8px 28px #824d5a08}
.today-tasks-panel{background:linear-gradient(145deg,#fffdf9,#f9f2edcc);border-color:#e4d5cf;box-shadow:0 7px 25px #824d5a08}
.next-label{letter-spacing:1px;color:#8f5866}.next-panel .avatar{background:#f0dfdf}.next-panel .primary{background:#eddbdf;color:#713e4d;border:1px solid #e4cdd4}
.primary{border-radius:14px;box-shadow:0 4px 12px #85485810}.secondary{border-radius:14px;background:#fffdfad9}.badge{background:#f0dfe2;color:#7e4353}.badge.dim{background:#f3ece7;color:#766164}
.avatar{border-radius:50%;background:#efe0df;color:#885461;font-family:'Segoe UI',Arial,sans-serif}.task-symbol{background:#f3e7e6;border-radius:13px}
.task-row{border-bottom-color:#e9dad6}.maya-card{background:linear-gradient(120deg,#f4e8e7,#efe0e2);border-color:#e4cfd4;box-shadow:0 5px 20px #8a566608;border-radius:20px}
.maya-mark{width:36px;height:36px;border-radius:50%;background:#fffaf7a3;display:grid;place-items:center}
.maya-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;display:block;background:#eadbd5;border:2px solid #fffaf7;box-shadow:0 5px 16px #633d4930}
.maya-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.72);transform-origin:31% 40%;display:block}
.maya-avatar-large{width:68px;height:68px;flex-basis:68px;border-width:3px;box-shadow:0 8px 24px #633d4933}
.locale-picker{background:#f0e7e1}.locale-picker button{min-height:40px;font-size:13px}.locale-picker button.active{color:#784050;box-shadow:0 1px 5px #65454d0c}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}
.home-shortcuts button{background:#fffdfadb;border:1px solid #e9dcd5;border-radius:16px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7e4c5b;font-size:13px}
.bottom-nav{background:#fffdf9f5;border-color:#e6d9d3;box-shadow:0 -4px 25px #6f475406}.bottom-nav button.active{background:#eedcdf;color:#804454}
.product-placeholder{background:#f6eee9;border-color:#dbcac3}.search,.field input,.field select,.field textarea{background:#fffdfbf5}.client-card{background:#fffdfaf0;border-color:#e6d9d3}
dialog{background:#fcf8f3;border-color:#e3d0d0}dialog::backdrop{background:#392d304d;backdrop-filter:blur(5px)}
@media(min-width:1100px){.layout{grid-template-columns:228px minmax(0,1fr)}.main{padding-inline:42px;max-width:1290px}.home-grid{gap:29px}.page-heading h1{font-size:33px}}
@media(max-width:700px){body{background-position:left top;background-size:auto 1050px;background-attachment:scroll}.topbar{padding:13px 17px}.topbar .brand-image{width:160px;height:41px;opacity:.88}.locale-picker button{padding:7px 9px;font-size:12px;min-height:40px}.main{padding:25px 19px 110px}.page-heading h1{font-size:29px}.date-line{font-size:12px}.panel{padding:20px;border-radius:23px}.next-panel{padding:21px}.next-panel .empty{padding:23px 7px}.home-shortcuts{gap:8px}.home-shortcuts button{font-size:12px;min-height:71px;border-radius:15px}.section-head{margin-top:28px}.section-head h2{font-size:18px}.task-row{background:#fffaf733}.maya-card{margin-top:20px}.bottom-nav button{font-size:12px}.page-heading>.primary{font-size:12px;min-width:99px}}
@media(max-width:355px){.topbar{padding-inline:12px;gap:8px}.topbar .brand-image{width:132px}.locale-picker button{padding-inline:7px}.main{padding-inline:15px}.home-shortcuts{gap:6px}.home-shortcuts button{font-size:11px}}
@media(max-width:700px){body{background-image:linear-gradient(#faf7f2b5,#faf7f2bd),url('/assets/botanical-mobile.svg');background-size:auto 790px;background-position:left 75px;background-repeat:no-repeat}}
.tour-panel{margin-block-end:24px;border:1px solid #e5d4cf;background:rgba(255,251,247,.96)}
.tour-panel p{max-width:64ch;line-height:1.7}
.tour-panel button{min-height:44px;white-space:normal}

/* A restrained pearl gleam, clipped to the logo artwork rather than its box. */
.sidebar .brand-image{height:102px;max-height:102px;opacity:1}
.brand-home,.stage-mode .stage-logo-button{position:relative}
.brand-home,.stage-mode .stage-logo-button,.stage-mode .login-brand-gleam,.splash-logo-wrap{--clinic-logo-mask:url('/assets/logo-clean-black.svg')}
.topbar .brand-home,.stage-mode .topbar .stage-logo-button{--clinic-logo-mask:url('/assets/logo-horizontal.svg')}
.brand-home::after,.stage-mode .stage-logo-button::after,.stage-mode .login-brand-gleam::after,.splash-logo-wrap::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(104deg,transparent 43%,rgba(255,253,246,0) 47%,rgba(255,250,235,.8) 50%,rgba(255,253,246,0) 53%,transparent 57%);
  background-size:260% 100%;
  -webkit-mask:var(--clinic-logo-mask) center/contain no-repeat;
  mask:var(--clinic-logo-mask) center/contain no-repeat;
  animation:clinic-logo-gleam 5s ease-in-out infinite;
}
.splash-logo-wrap::after{animation:clinic-splash-gleam 1.15s .3s ease-out both}
@keyframes clinic-logo-gleam{
  0%,10%{opacity:0;background-position:140% 0}
  14%{opacity:.4}
  27%{opacity:.4;background-position:-45% 0}
  32%,100%{opacity:0;background-position:-110% 0}
}
@keyframes clinic-splash-gleam{
  0%,12%{opacity:0;background-position:140% 0}
  28%{opacity:.55}
  80%{opacity:.55;background-position:-45% 0}
  100%{opacity:0;background-position:-110% 0}
}
@media(max-width:700px){
  .topbar .brand-home,.topbar .brand-home .brand-image{width:176px;height:46px}
  .topbar .brand-image{opacity:1}
}
@media(max-width:355px){
  .topbar .brand-home,.topbar .brand-home .brand-image{width:140px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  .brand-home::after,.stage-mode .stage-logo-button::after,.stage-mode .login-brand-gleam::after,.splash-logo-wrap::after{animation:none;opacity:0}
}