/* Customer dashboard matched to the supplied cream and rose reference. */
body.aranu-ui[data-customer-reference]{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body.aranu-ui[data-customer-reference] :is(.site-header,.public-announcement,.public-bottom-nav,.customer-dashboard-hero,.customer-quick-actions){display:none!important}
body.aranu-ui[data-customer-reference] .page-shell{width:min(1160px,calc(100% - 64px));padding-top:28px!important}
body.aranu-ui[data-customer-reference] .customer-studio{padding-bottom:20px}
body.aranu-ui[data-customer-reference] .studio-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;padding:0 2px}
body.aranu-ui[data-customer-reference] .studio-person{display:flex;align-items:center;gap:14px;min-width:0}
body.aranu-ui[data-customer-reference] .studio-avatar{width:66px;height:66px;display:grid;place-items:center;background:#f1e5db;color:#956d58;border:3px solid #fffaf5;border-radius:50%;font-size:28px;flex:none;box-shadow:0 0 0 1px #eadfd5}
body.aranu-ui[data-customer-reference] .studio-person h1{font-size:25px!important;line-height:1.75!important;margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.aranu-ui[data-customer-reference] .studio-person h1 svg{color:#c98384;width:23px;height:23px}
body.aranu-ui[data-customer-reference] .studio-person p{font-size:13px;color:var(--ui-muted);margin:0;line-height:1.7}
body.aranu-ui[data-customer-reference] .studio-tools{display:flex;gap:12px;flex:none}
body.aranu-ui[data-customer-reference] .studio-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--ui-line);background:#f6efe9;color:#7c6146;position:relative;cursor:pointer}
body.aranu-ui[data-customer-reference] .studio-icon svg{width:24px;height:24px}
body.aranu-ui[data-customer-reference] .studio-icon i{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:#ba6570;border:2px solid var(--ui-bg)}
body.aranu-ui[data-customer-reference] .studio-search{display:block;background:var(--ui-surface);padding:16px 20px;border:1px solid var(--ui-line);border-radius:16px;font-size:13px;margin-bottom:24px}
body.aranu-ui[data-customer-reference] .studio-search[hidden]{display:none!important}
body.aranu-ui[data-customer-reference] .studio-search input{margin-top:8px}
body.aranu-ui[data-customer-reference] .studio-next{position:relative;min-height:310px;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #eaded1;border-radius:26px;overflow:hidden;background:linear-gradient(115deg,#efe0d2,#fff9f3);isolation:isolate}
body.aranu-ui[data-customer-reference] .studio-next-copy{grid-column:1;grid-row:1;z-index:2;padding:35px 38px;align-self:center;max-width:510px}
body.aranu-ui[data-customer-reference] .studio-next-copy h2{font-size:25px!important;color:#302a27!important;margin:13px 0 16px;line-height:1.75!important}
body.aranu-ui[data-customer-reference] .studio-kicker{display:flex;gap:8px;color:#a35259;font-size:14px;align-items:center;font-weight:600}
body.aranu-ui[data-customer-reference] .studio-kicker svg{width:20px;height:20px}
body.aranu-ui[data-customer-reference] .studio-next-copy p{font-size:14px;display:flex;align-items:center;gap:9px;color:#756b63;margin:7px 0;line-height:1.8}
body.aranu-ui[data-customer-reference] .studio-next-copy p svg{width:18px;height:18px;color:#b37762;flex:none}
body.aranu-ui[data-customer-reference] .studio-next-media{position:absolute;inset:0 30% 0 0;z-index:-1}
body.aranu-ui[data-customer-reference] .studio-next-media img{width:100%;height:100%;object-fit:cover;object-position:center}
body.aranu-ui[data-customer-reference] .studio-next-media:after{content:'';position:absolute;inset:0;background:linear-gradient(to left,#fff8f1 0%,#fff8f1e6 26%,#fff8f180 50%,#fff8f100 84%)}
body.aranu-ui[data-customer-reference] .studio-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(100deg,#b6636b,#c57578);color:#fff!important;border:1px solid #ba6870;border-radius:30px;min-height:49px;padding:12px 25px;text-decoration:none;font-size:14px;font-weight:500;margin-top:18px;box-shadow:0 6px 16px #b76b7610}
body.aranu-ui[data-customer-reference] .studio-action svg{width:18px;height:18px}
body.aranu-ui[data-customer-reference] .studio-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 30px}
body.aranu-ui[data-customer-reference] .studio-shortcuts a{background:#f5eee7;border:1px solid #f1e8de;border-radius:20px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#856342;text-decoration:none;font-size:15px}
body.aranu-ui[data-customer-reference] .studio-shortcuts a svg{width:31px;height:31px}
body.aranu-ui[data-customer-reference] .studio-shortcuts a span{color:#544437}
body.aranu-ui[data-customer-reference] .studio-shortcuts a.featured{background:#f9dfd9;border-color:#f7d9d4;color:#963e4b}
body.aranu-ui[data-customer-reference] .studio-section{margin-bottom:30px;scroll-margin-top:24px}
body.aranu-ui[data-customer-reference] .studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
body.aranu-ui[data-customer-reference] .studio-section-head h2{font-size:22px!important;color:var(--ui-text)!important;margin:0;line-height:1.7;display:flex;align-items:center;gap:9px}
body.aranu-ui[data-customer-reference] .studio-section-head h2 svg{width:23px;color:var(--ui-brand)}
body.aranu-ui[data-customer-reference] .studio-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#b36168;text-decoration:none;font-size:13px;min-height:44px;white-space:nowrap}
body.aranu-ui[data-customer-reference] .studio-section-head>a svg{width:17px;height:17px}
body.aranu-ui[data-customer-reference] .studio-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.aranu-ui[data-customer-reference] .studio-service{display:flex;flex-direction:column;gap:0;background:var(--ui-surface);border:1px solid var(--ui-line);padding:5px;border-radius:18px;text-decoration:none;color:var(--ui-text);overflow:hidden;min-width:0}
body.aranu-ui[data-customer-reference] .studio-service img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:13px;display:block}
body.aranu-ui[data-customer-reference] .studio-service strong{font-size:14px!important;line-height:1.8;font-weight:500;text-align:center;padding:12px 7px;color:var(--ui-text)!important;overflow-wrap:break-word}
body.aranu-ui[data-customer-reference] .studio-specialists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.aranu-ui[data-customer-reference] .studio-specialist{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;overflow:hidden;padding:6px;text-decoration:none;text-align:center;color:var(--ui-text);display:flex;flex-direction:column;gap:5px}
body.aranu-ui[data-customer-reference] .studio-specialist img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:center 28%;border-radius:12px}
body.aranu-ui[data-customer-reference] .studio-specialist-placeholder{aspect-ratio:1.5;display:grid;place-items:center;font-size:40px;background:linear-gradient(135deg,#efe3d9,#f8eeea);color:#b58371;border-radius:12px}
body.aranu-ui[data-customer-reference] .studio-specialist strong{font-size:16px!important;font-weight:600;margin-top:5px;color:var(--ui-text)!important}
body.aranu-ui[data-customer-reference] .studio-specialist span{font-size:13px;color:var(--ui-muted);line-height:1.7}
body.aranu-ui[data-customer-reference] .studio-specialist small{font-size:12px;color:#a47b45;margin-bottom:7px}
body.aranu-ui[data-customer-reference] .studio-booking{padding:24px;background:#fffaf6;border:1px solid var(--ui-line);border-radius:22px}
body.aranu-ui[data-customer-reference] .studio-service-picker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:20px;font-size:13px}
body.aranu-ui[data-customer-reference] .studio-service-picker select{min-height:44px;font-size:14px!important;padding:9px 12px!important}
body.aranu-ui[data-customer-reference] .studio-small-action{border:1px solid #e3bfc0;border-radius:11px;min-height:44px;padding:9px 14px;color:#a3535d;background:#fcf0ed;font:inherit;cursor:pointer}
body.aranu-ui[data-customer-reference] .studio-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
body.aranu-ui[data-customer-reference] .studio-day{background:#f7f0e8;color:#554c43;border:1px solid #f0e8df;border-radius:15px;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer;padding:8px 3px}
body.aranu-ui[data-customer-reference] .studio-day small{font-size:12px}
body.aranu-ui[data-customer-reference] .studio-day strong{font-size:22px;line-height:1.5}
body.aranu-ui[data-customer-reference] .studio-day i{width:5px;height:5px;border-radius:50%;background:transparent}
body.aranu-ui[data-customer-reference] .studio-day[aria-pressed=true]{background:#f8d2ca;border-color:#f4c8bf;color:#903f49}
body.aranu-ui[data-customer-reference] .studio-day[aria-pressed=true] i{background:#b5626a}
body.aranu-ui[data-customer-reference] .studio-day:disabled{opacity:.42;cursor:not-allowed}
body.aranu-ui[data-customer-reference] .studio-times{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:16px 0 5px;min-height:0}
body.aranu-ui[data-customer-reference] .studio-times button{min-width:92px;flex:none;min-height:44px;border:1px solid #e9ded4;border-radius:12px;background:#fffcf9;color:#524a44;font:inherit;font-size:14px;cursor:pointer}
body.aranu-ui[data-customer-reference] .studio-times button[aria-pressed=true]{background:#b76770;color:#fff;border-color:#b76770}
body.aranu-ui[data-customer-reference] .studio-booking-status{font-size:12px;line-height:1.8;color:var(--ui-muted);margin:8px 0 0}
body.aranu-ui[data-customer-reference] .studio-book-submit{display:flex;width:100%;min-height:52px;margin-top:16px;font-size:17px}
body.aranu-ui[data-customer-reference] .studio-booking-note{display:block;font-size:11px;color:var(--ui-muted);margin-top:10px;text-align:center}
body.aranu-ui[data-customer-reference] .studio-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 8px}
body.aranu-ui[data-customer-reference] .studio-account-summary>a{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;padding:16px;text-decoration:none;color:var(--ui-text);display:grid;gap:4px}
body.aranu-ui[data-customer-reference] .studio-account-summary span{font-size:12px;color:var(--ui-muted)}
body.aranu-ui[data-customer-reference] .studio-account-summary strong{font-size:19px;line-height:1.8}
body.aranu-ui[data-customer-reference] .studio-dock{display:none}
body.aranu-ui[data-customer-reference] .studio-account-link{text-align:left;font-size:12px;margin-top:20px}
body.aranu-ui[data-customer-reference] .studio-account-link a{display:inline-flex;align-items:center;gap:8px;color:var(--ui-muted);text-decoration:none;min-height:44px}
body.aranu-ui[data-customer-reference] .studio-account-link svg{width:17px;height:17px}
body.aranu-ui[data-customer-reference] :is(#customer-appointments,#customer-benefits,#customer-purchases,#customer-records){scroll-margin-top:24px}
body.aranu-ui[data-customer-reference] .customer-dashboard-section{border-color:var(--ui-line)!important;box-shadow:none!important}
body.aranu-ui[data-customer-reference] .customer-dashboard-metrics>div{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
body.aranu-ui[data-customer-reference] .customer-dashboard-metrics :is(span,strong){color:var(--ui-text)!important}
body.aranu-ui[data-customer-reference] [hidden]{display:none!important}
@media(max-width:760px){
 body.aranu-ui[data-customer-reference] .page-shell{width:calc(100% - 32px);padding-top:24px!important;padding-bottom:120px!important}
 body.aranu-ui[data-customer-reference] .studio-welcome{gap:10px;margin-bottom:22px}
 body.aranu-ui[data-customer-reference] .studio-person{gap:10px}
 body.aranu-ui[data-customer-reference] .studio-avatar{width:50px;height:50px;font-size:23px}
 body.aranu-ui[data-customer-reference] .studio-person h1{font-size:18px!important;gap:5px;line-height:1.7!important}
 body.aranu-ui[data-customer-reference] .studio-person h1 svg{width:17px;height:17px}
 body.aranu-ui[data-customer-reference] .studio-person p{font-size:11px}
 body.aranu-ui[data-customer-reference] .studio-tools{gap:7px}
 body.aranu-ui[data-customer-reference] .studio-icon{width:42px;height:42px}
 body.aranu-ui[data-customer-reference] .studio-icon svg{width:21px;height:21px}
 body.aranu-ui[data-customer-reference] .studio-next{min-height:250px;grid-template-columns:minmax(0,1fr);border-radius:22px}
 body.aranu-ui[data-customer-reference] .studio-next-copy{padding:24px 22px;max-width:73%}
 body.aranu-ui[data-customer-reference] .studio-next-copy h2{font-size:20px!important;margin:10px 0 13px;line-height:1.7!important}
 body.aranu-ui[data-customer-reference] .studio-kicker{font-size:12px}
 body.aranu-ui[data-customer-reference] .studio-next-copy p{font-size:12px;gap:6px;margin:6px 0;line-height:1.8}
 body.aranu-ui[data-customer-reference] .studio-next-copy p svg{width:16px;height:16px}
 body.aranu-ui[data-customer-reference] .studio-next-media{inset:0 22% 0 0}
 body.aranu-ui[data-customer-reference] .studio-next-media:after{background:linear-gradient(to left,#fff8f1 0%,#fff8f1e8 38%,#fff8f180 67%,#fff8f100 100%)}
 body.aranu-ui[data-customer-reference] .studio-next:not(.has-image) .studio-next-copy{max-width:100%}
 body.aranu-ui[data-customer-reference] .studio-action{min-height:45px;padding:10px 17px;font-size:12px;margin-top:15px;gap:8px;white-space:normal;text-align:center}
 body.aranu-ui[data-customer-reference] .studio-shortcuts{gap:10px;margin:20px 0 27px}
 body.aranu-ui[data-customer-reference] .studio-shortcuts a{min-height:91px;border-radius:17px;gap:9px;font-size:12px;text-align:center;padding:10px 5px}
 body.aranu-ui[data-customer-reference] .studio-shortcuts a svg{width:27px;height:27px}
 body.aranu-ui[data-customer-reference] .studio-section{margin-bottom:27px}
 body.aranu-ui[data-customer-reference] .studio-section-head{gap:10px;margin-bottom:14px;align-items:center}
 body.aranu-ui[data-customer-reference] .studio-section-head h2{font-size:18px!important;line-height:1.8}
 body.aranu-ui[data-customer-reference] .studio-section-head>a{font-size:11px;min-height:38px}
 body.aranu-ui[data-customer-reference] .studio-services{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:6px}
 body.aranu-ui[data-customer-reference] .studio-service{flex:0 0 calc((100% - 30px)/4);min-width:86px;scroll-snap-align:start;padding:3px;border-radius:14px}
 body.aranu-ui[data-customer-reference] .studio-service img{aspect-ratio:1;object-fit:cover;border-radius:10px}
 body.aranu-ui[data-customer-reference] .studio-service strong{font-size:11px!important;padding:10px 3px;line-height:1.8}
 body.aranu-ui[data-customer-reference] .studio-specialists{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:6px}
 body.aranu-ui[data-customer-reference] .studio-specialist{flex:0 0 calc((100% - 20px)/3);min-width:116px;padding:4px;border-radius:14px;scroll-snap-align:start;gap:3px}
 body.aranu-ui[data-customer-reference] .studio-specialist img{aspect-ratio:1.4;object-fit:cover;border-radius:10px}
 body.aranu-ui[data-customer-reference] .studio-specialist-placeholder{font-size:30px}
 body.aranu-ui[data-customer-reference] .studio-specialist strong{font-size:13px!important}
 body.aranu-ui[data-customer-reference] .studio-specialist span{font-size:11px}
 body.aranu-ui[data-customer-reference] .studio-specialist small{font-size:10px}
 body.aranu-ui[data-customer-reference] .studio-booking{padding:18px;border-radius:20px}
 body.aranu-ui[data-customer-reference] .studio-service-picker{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 body.aranu-ui[data-customer-reference] .studio-service-picker label{grid-column:1/-1;font-size:12px}
 body.aranu-ui[data-customer-reference] .studio-service-picker select{font-size:16px!important}
 body.aranu-ui[data-customer-reference] .studio-small-action{font-size:12px;padding:9px 11px}
 body.aranu-ui[data-customer-reference] .studio-days{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 body.aranu-ui[data-customer-reference] .studio-day{flex:1;min-width:43px;min-height:76px;border-radius:12px;padding:8px 2px}
 body.aranu-ui[data-customer-reference] .studio-day small{font-size:9px;white-space:nowrap}
 body.aranu-ui[data-customer-reference] .studio-day strong{font-size:20px}
 body.aranu-ui[data-customer-reference] .studio-times{gap:8px;padding-top:13px}
 body.aranu-ui[data-customer-reference] .studio-times button{min-width:76px;min-height:43px;font-size:13px}
 body.aranu-ui[data-customer-reference] .studio-book-submit{font-size:16px;min-height:51px}
 body.aranu-ui[data-customer-reference] .studio-booking-status{font-size:11px}
 body.aranu-ui[data-customer-reference] .studio-booking-note{font-size:10px}
 body.aranu-ui[data-customer-reference] .studio-account-summary{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.aranu-ui[data-customer-reference] .studio-account-summary>a:last-child{grid-column:1/-1}
 body.aranu-ui[data-customer-reference] .studio-account-summary strong{font-size:17px}
 body.aranu-ui[data-customer-reference] .studio-dock{display:flex;position:fixed;inset-inline:0;bottom:0;min-height:78px;align-items:center;justify-content:space-around;gap:3px;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#fffcf9f2;border:1px solid var(--ui-line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -5px 30px #927c6c08;z-index:70;backdrop-filter:blur(16px)}
 body.aranu-ui[data-customer-reference] .studio-dock a{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#66615c;text-decoration:none;font-size:11px}
 body.aranu-ui[data-customer-reference] .studio-dock a.active{color:#b9666e}
 body.aranu-ui[data-customer-reference] .studio-dock svg{width:23px;height:23px}
 body.aranu-ui[data-customer-reference] .public-network-chat{bottom:97px!important}
 body.aranu-ui[data-customer-reference] .customer-promo-banner{border-radius:20px;min-width:0;overflow:hidden}
}
@media(max-width:360px){body.aranu-ui[data-customer-reference] .studio-person h1{font-size:16px!important}body.aranu-ui[data-customer-reference] .studio-tools{gap:5px}body.aranu-ui[data-customer-reference] .studio-next-copy{max-width:80%;padding:20px}body.aranu-ui[data-customer-reference] .studio-shortcuts{gap:7px}body.aranu-ui[data-customer-reference] .studio-shortcuts a{font-size:11px}body.aranu-ui[data-customer-reference] .studio-section-head h2{font-size:16px!important}}
@media print{body.aranu-ui[data-customer-reference] :is(.studio-dock,.studio-tools,.studio-shortcuts,.studio-booking,.studio-account-link){display:none!important}}

body.aranu-ui[data-customer-reference] .studio-aranu-brand{display:inline-flex;align-items:center;gap:3px;color:var(--ui-brand);vertical-align:middle}
body.aranu-ui[data-customer-reference] .studio-aranu-brand img{width:22px;height:22px}
