/* InkKeeper reference design. Preserve the other selectable colour themes. */
body[data-theme="obsidian"]{color-scheme:dark;--bg:#020d10;--sidebar:#031115;--panel:#06171c;--card:#092027;--card2:#041318;--text:#e8efef;--muted:#9aadb7;--line:#1a3640;--line-soft:#102b33;--accent:#20d995;--accent-strong:#39e3a5;--accent-ink:#002219;--danger:#f26585;--success:#20d995;--shadow:0 16px 48px #0005;background:radial-gradient(ellipse at 85% 0,#06342c55,transparent 45%),var(--bg)}
h1,h2,h3,.stat-card strong,.customer-card strong,.cal-day-head strong,.theme-card strong{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-.025em}
h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.15}.page-heading{margin-bottom:20px}.eyebrow{font-size:.66rem;letter-spacing:.1em}.luxury-rule{display:none}
.sidebar{border-right:1px solid var(--line-soft);background:linear-gradient(180deg,var(--sidebar),var(--bg))}.studio-mark{border-bottom:1px solid var(--line-soft);padding-bottom:20px}.studio-name{font-family:inherit;font-weight:750}.side-nav{gap:6px}.side-nav button{border-radius:10px;min-height:44px}.side-nav button.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}.topbar{background:color-mix(in srgb,var(--bg) 93%,transparent);border-bottom-color:var(--line-soft)}
.panel,.auth-card,.customer-card,.ink-card,.chat-card,.modal-card,.calendar-shell{border-radius:12px;border-color:var(--line);background:linear-gradient(140deg,var(--panel),var(--card2));box-shadow:none}.panel{padding:18px}.panel h3{font-size:1.05rem;font-weight:700}.stats-grid{gap:10px}.stat-card{padding:16px;min-height:110px;border-radius:11px;background:linear-gradient(145deg,var(--card),var(--card2))}.stat-card:after{display:none}.stat-card strong{font-size:2rem;font-weight:750;margin-top:14px;color:var(--text)}.stat-card .stat-label{font-size:.75rem;text-transform:none;letter-spacing:0}.alert-stat strong{color:var(--danger)}
.btn{border-radius:9px;min-height:42px;font-weight:650}.btn.gold{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:none}.btn.ghost{background:var(--card2);border-color:var(--line)}.btn:focus-visible,.icon-btn:focus-visible,.side-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-btn{border-radius:10px;background:var(--card2)}input,select,textarea{border-radius:9px}.status{border-radius:6px}.status.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--card2))}
.session-row{padding:12px 0;border-bottom:1px solid var(--line-soft)}.session-time{color:var(--accent);font-weight:750}.session-main strong{font-family:inherit;font-size:.95rem}.session-main small{line-height:1.5}.mini-booking,.mini-chip{background:var(--card);border-radius:7px}.calendar-title-row{padding:10px 14px}.cal-day-head{letter-spacing:0;text-transform:none}.cal-day-head strong{font-size:1.1rem;font-weight:750}.cal-day-head.today{background:color-mix(in srgb,var(--accent) 12%,var(--card2));color:var(--accent)}.cal-booking{border-radius:8px;border-left-width:4px;background:linear-gradient(140deg,var(--card),var(--card2))}.cal-booking strong{font-size:.78rem}.cal-booking small{line-height:1.45}
.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-card{position:relative;padding:14px 16px 14px 76px;min-height:105px}.customer-card .customer-avatar{position:absolute;top:18px;left:16px;width:44px;height:44px;margin:0;background:color-mix(in srgb,var(--accent) 10%,var(--card));font-weight:700}.customer-card strong{font-size:.95rem;font-weight:700}.customer-meta{font-size:.76rem;gap:4px;margin-top:6px}.customer-card .btn{min-height:32px;font-size:.74rem;margin-top:8px}.search-wrap input{background:var(--card);border-color:var(--line)}.detail-hero{padding:0 0 16px}.detail-meta{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-meta div{border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--card2);padding:12px}.detail-meta strong{font-size:.86rem;overflow-wrap:anywhere}.modal-card h3{font-size:1.25rem}.customer-media-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.customer-media-card{padding:5px;border-radius:9px}.customer-media-card img{border-radius:6px}.modal::backdrop{background:#000b;backdrop-filter:blur(5px)}
.chat-head{padding:14px 16px}.chat-messages{background:var(--bg)}.message,.sc-msg{border-radius:12px 12px 12px 3px;background:var(--card)}.message.user,.sc-msg.mine{border-radius:12px 12px 3px 12px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.chat-input,.sc-form{background:var(--panel)}.chat-input textarea,.sc-form textarea{border-radius:24px;background:var(--card)}.sc-attachment{border-radius:9px}.online-dot{box-shadow:none}
.mobile-nav{display:none}.design-preview-banner{padding:9px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem;background:var(--panel)}
@media(max-width:760px){.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:fixed;z-index:70;bottom:0;left:0;right:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 96%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-nav button{display:grid;justify-items:center;gap:4px;min-height:44px;padding:5px;border:0;background:transparent;color:var(--muted);font-size:.64rem}.mobile-nav button>span:first-child{font-size:1.3rem;line-height:1}.mobile-nav button.active{color:var(--accent)}.content{padding-bottom:76px}.page{padding:18px 12px 24px}.page-heading h2{font-size:1.45rem}.page-heading p{font-size:.8rem;margin-bottom:0}.topbar{min-height:58px;padding:9px 12px}.top-actions #newBookingBtn{font-size:.8rem;min-height:38px}.artist-context{font-size:.8rem}.overview-grid{gap:12px}.panel{padding:14px}.stat-card{padding:12px;min-height:95px}.stat-card strong{font-size:1.65rem}.customer-grid{grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.customer-card{border:0;border-bottom:1px solid var(--line-soft);border-radius:0;min-height:92px}.customer-card:last-child{border-bottom:0}.customer-card .customer-avatar{top:16px}.session-row{gap:10px}.session-actions .btn{min-height:34px;font-size:.74rem}.modal{width:calc(100% - 16px)}.modal-card{padding:16px;border-radius:14px;max-height:92dvh}.detail-meta{grid-template-columns:1fr}.detail-meta div{display:flex;justify-content:space-between;gap:14px}.detail-meta small{margin:0}.detail-meta strong{text-align:right}.chat-card{border-radius:12px}.assistant-copy h2{font-size:2rem}.sc-msg{max-width:90%}body.calendar-mode .content{padding-bottom:76px}.sidebar.open{z-index:90}}
.customer-profile-hero{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}.customer-profile-avatar{display:grid;place-items:center;width:72px;height:72px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;color:var(--accent);background:var(--card);font-size:1.6rem;font-weight:700}.customer-profile-hero small{display:block;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.customer-edit-details summary{color:var(--accent);cursor:pointer;padding:10px 0}.customer-edit-details form{padding-top:10px}@media(max-width:760px){.week-preview-head,.week-preview-nav{flex-wrap:wrap}.week-preview-nav{max-width:100%;gap:6px}.week-preview-head{gap:10px}.page,.panel{min-width:0}}
.studio-hero{position:relative;min-height:240px;border-radius:14px;overflow:hidden;margin-bottom:20px;background:var(--card2)}.studio-hero-photo{display:block;width:100%;height:300px;object-fit:cover}.studio-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00101433,#00101400 40%,#001014dd)}.studio-hero-brand{position:absolute;left:24px;top:24px;z-index:1;display:grid;gap:8px}.studio-hero-brand img{width:220px;max-width:65vw;filter:drop-shadow(0 2px 8px #000)}.studio-hero-brand span{color:#e8efef;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.cal-booking{border-left-color:var(--artist-color,var(--accent));padding-right:32px}.cal-client-avatar{position:absolute;right:5px;top:7px;width:24px;height:24px;border:1px solid var(--artist-color,var(--line));border-radius:7px;background:var(--card2);display:grid;place-items:center;font-size:.55rem;color:var(--text)}.cal-status{display:inline-block;margin-top:5px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;font-size:.58rem;color:var(--accent);background:var(--card2)}.cal-booking--compact .cal-client-avatar,.cal-booking--compact .cal-status{display:none}@media(max-width:760px){.studio-hero{margin:-18px -12px 14px;border-radius:0;min-height:220px}.studio-hero-photo{height:250px}.studio-hero-brand{left:20px;top:24px}.page[data-page-panel="overview"] .hero-heading{padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:-44px;position:relative;z-index:2;background:var(--panel)}.page[data-page-panel="overview"] .stats-grid{gap:8px}.page[data-page-panel="overview"] .ai-teaser{margin-top:4px}.cal-booking{padding:6px 30px 6px 6px}.cal-booking--compact{padding:3px 5px}}
/* Closer to the supplied mobile reference: imagery first, dense daily cards. */
.page[data-page-panel="overview"] .studio-hero{height:340px;margin-bottom:0}.page[data-page-panel="overview"] .studio-hero-photo{height:100%;object-position:65% center}.page[data-page-panel="overview"] .hero-heading{position:relative;z-index:2;margin:-60px 16px 0;padding:16px 18px 12px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--panel)}.page[data-page-panel="overview"] .hero-heading .eyebrow{display:none}.page[data-page-panel="overview"] .hero-heading h2{font-size:1.05rem;margin-bottom:6px}.page[data-page-panel="overview"]>.stats-grid{position:relative;z-index:2;margin:0 16px 16px;padding:0 12px 12px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr))}.page[data-page-panel="overview"] .stat-card{min-height:88px;padding:11px;border-radius:8px}.page[data-page-panel="overview"] .stat-card strong{font-size:1.55rem;margin-top:8px}.page[data-page-panel="overview"] .stat-card .stat-label{font-size:.67rem}.overview-booking-cta{margin-top:12px}.today-panel .panel-head h3{font-size:.95rem}.today-panel .session-row{margin-top:8px;padding:11px;border:1px solid var(--line-soft);border-left:3px solid var(--accent);border-radius:9px;background:var(--card2)}.today-panel .session-main strong{font-size:.88rem}.today-panel .session-main small{font-size:.73rem}.today-panel .status{font-size:.63rem}.calendar-scope-switch,.calendar-artist-filters{gap:6px}.calendar-scope-btn{border-radius:10px;min-height:36px;font-size:.78rem}.calendar-scope-btn.active{color:var(--accent-ink);background:var(--accent)}.cal-day-head.today{border-radius:9px;background:var(--accent);color:var(--accent-ink)}.cal-day-head.today strong{color:var(--accent-ink)}.cal-booking{background:linear-gradient(130deg,var(--card),var(--card2));box-shadow:0 3px 10px #0002}.cal-booking strong{line-height:1.3}.customer-card:hover{background:var(--card)}
@media(max-width:760px){.page[data-page-panel="overview"] .studio-hero{height:300px;margin:-18px -12px 0}.page[data-page-panel="overview"] .studio-hero-brand{top:26px;left:22px}.page[data-page-panel="overview"] .hero-heading{margin:-54px 0 0;padding:14px 12px 10px}.page[data-page-panel="overview"]>.stats-grid{margin:0 0 12px;padding:0 8px 8px;gap:5px}.page[data-page-panel="overview"] .stat-card{padding:8px 5px;min-height:78px}.page[data-page-panel="overview"] .stat-card strong{font-size:1.25rem}.page[data-page-panel="overview"] .stat-card .stat-label,.page[data-page-panel="overview"] .stat-card small{font-size:.6rem}.today-panel .session-row{grid-template-columns:46px minmax(0,1fr);gap:7px}.today-panel .session-time{font-family:inherit;font-size:.86rem}.today-panel .session-actions{grid-column:2;justify-content:flex-end}.overview-grid{gap:12px}.page[data-page-panel="overview"] .ai-teaser{padding:12px}.page[data-page-panel="overview"] .ai-orb{display:none}.page[data-page-panel="overview"] .ai-teaser h3{font-size:1.1rem}.page[data-page-panel="overview"] .ai-teaser p{font-size:.76rem;margin-bottom:10px}.calendar-shell{border-radius:10px}.calendar-scope-toolbar{gap:6px;margin-bottom:7px}.calendar-title-row{padding:8px 10px;min-height:44px}.cal-day-head{padding:8px 4px}.cal-day-head strong{font-size:.95rem}.mobile-nav{border-radius:12px 12px 0 0}.customer-profile-avatar{width:80px;height:90px;border-radius:10px}.customer-profile-hero{padding:10px}.customer-profile-hero strong{font-size:.92rem}.customer-profile-hero small{font-size:.76rem}}
.studio-hero-wordmark{font-size:clamp(2.6rem,6vw,3.8rem);font-weight:800;letter-spacing:-.06em;color:#e8efef;line-height:1;text-shadow:0 2px 12px #000}.studio-hero-wordmark span{color:#20d995}.page[data-page-panel="overview"] .hero-heading{justify-content:flex-start;align-items:flex-start;text-align:left}.page[data-page-panel="overview"] .hero-heading>div:first-child{width:100%}

/* Final readability and interaction polish, without altering calendar geometry. */
.page{line-height:1.45}.page-heading .muted{line-height:1.5}.side-nav button{color:var(--muted)}.side-nav button:hover{color:var(--text);background:var(--card2)}.side-nav button.active{color:var(--accent)}.panel-head{gap:12px;flex-wrap:wrap}.btn,.icon-btn,.side-nav button{transition:background-color .15s,border-color .15s,color .15s}.btn.gold:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed}.customer-card{cursor:pointer}.customer-card .customer-meta{line-height:1.5}.customer-card strong{letter-spacing:0}.session-main strong{letter-spacing:0}.cal-booking:focus-visible{outline:2px solid var(--accent);outline-offset:1px;z-index:5}.cal-booking small{font-size:.68rem}.cal-status{color:var(--muted)}.an-table th,.an-table td{line-height:1.45}.mobile-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.modal-card{gap:16px}.modal-head{gap:12px}.modal-head .icon-btn{flex-shrink:0}.modal-actions{gap:10px}.customer-profile-hero>div:last-child{min-width:0}.studio-hero-brand{max-width:calc(100% - 40px)}.page[data-page-panel="overview"] .hero-heading p{margin-bottom:0;font-size:.8rem}.overview-booking-cta{min-height:44px}.today-panel .session-main{min-width:0}.today-panel .session-main small{overflow-wrap:anywhere}
@media(max-width:760px){.mobile-nav button{font-size:.7rem;gap:5px}.page-heading{gap:10px}.page[data-page-panel="overview"]>.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 10px}.page[data-page-panel="overview"] .stat-card{min-height:78px;padding:10px 12px}.page[data-page-panel="overview"] .stat-card .stat-label,.page[data-page-panel="overview"] .stat-card small{font-size:.72rem}.page[data-page-panel="overview"] .stat-card strong{font-size:1.45rem}.page[data-page-panel="overview"] .studio-hero{height:265px}.page[data-page-panel="overview"] .studio-hero-brand{top:24px}.today-panel .panel-head .text-button{font-size:.78rem}.today-panel .session-actions .btn{min-height:40px}.today-panel .session-row{padding:12px 10px}.calendar-controls{gap:5px;flex-wrap:wrap}.calendar-controls .btn{font-size:.75rem}.calendar-scope-btn{min-height:40px}.modal-card h3{line-height:1.3}.customer-card{padding-top:16px;padding-bottom:16px}.customer-profile-hero small{line-height:1.45}.design-preview-banner{font-size:.68rem;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.side-nav button{transition:none}}
.studio-hero-brand .studio-hero-wordmark span{font-size:inherit;letter-spacing:inherit;text-transform:none;font-weight:inherit;line-height:inherit;color:#20d995}

/* Calm accent hierarchy: bright actions, muted supporting detail. */
body[data-theme="obsidian"]{--accent-secondary:#78b69f;--success:#78b69f}.text-button,.eyebrow,.session-time{color:var(--accent-secondary,var(--accent))}.status.ok{color:var(--success);border-color:var(--line);background:color-mix(in srgb,var(--success) 5%,var(--card2))}.cal-status{color:var(--accent-secondary,var(--muted));border-color:var(--line)}.cal-client-avatar{border-color:var(--line)}.customer-card .customer-avatar,.customer-profile-avatar{color:var(--accent-secondary,var(--accent));border-color:var(--line)}.today-panel .session-row{border-left-color:var(--accent-secondary,var(--accent))}.studio-hero-brand>span{color:var(--muted)}.mobile-nav button.active,.side-nav button.active{color:var(--accent)}
.page[data-page-panel="overview"] .studio-hero{height:240px}@media(max-width:760px){.page[data-page-panel="overview"] .studio-hero{height:190px}.studio-hero-wordmark{font-size:2.6rem}}
.ui-icon{width:22px;height:22px;display:block;flex-shrink:0}.side-nav button>span:first-child{display:flex;align-items:center;justify-content:center}.mobile-nav .ui-icon{width:21px;height:21px}.icon-btn .ui-icon{margin:auto}
.page[data-page-panel="customers"] .eyebrow{display:none}.page[data-page-panel="customers"] .page-heading{align-items:flex-start;gap:16px}.customer-search{position:relative}.customer-search>.ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.customer-search input{padding-left:41px;min-height:42px}
.customer-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.customer-card{display:flex;align-items:center;gap:13px;width:100%;min-height:76px;padding:12px 16px;text-align:left;color:var(--text);font:inherit;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--panel)}.customer-card:last-child{border-bottom:0}.customer-card .customer-avatar{position:static;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:var(--card2)}.customer-row-body{display:block;flex:1;min-width:0}.customer-row-body>strong{display:block;font-size:.9rem}.customer-card .customer-meta{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px;color:var(--muted);font-size:.74rem}.customer-chevron{font-size:1.5rem;color:var(--muted);font-weight:300}.customer-card:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.customer-artist-tag{display:block;font-size:.7rem;margin-top:4px}#customersMineRow{width:fit-content;padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:var(--card2);font-size:.78rem;margin-bottom:14px;cursor:pointer}#customersMineRow:has(input:checked){background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){.page[data-page-panel="customers"] .page-heading{display:flex;flex-direction:column;gap:12px}.customer-search{width:100%;max-width:none}.customer-search input{width:100%}.customer-card{min-height:72px;padding:10px 12px;gap:11px}.customer-card .customer-avatar{width:42px;height:42px}.page[data-page-panel="customers"] .page-heading h2{font-size:1.3rem}}
.customer-profile-hero small{display:flex;align-items:center;gap:8px}.customer-profile-hero small .ui-icon{width:15px;height:15px;color:var(--muted)}.customer-profile-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--card2);overflow-x:auto}.customer-profile-tabs a{flex:1;white-space:nowrap;text-align:center;color:var(--muted);text-decoration:none;font-size:.73rem;padding:8px 6px}.customer-profile-tabs a:first-child{color:var(--accent);border-bottom:2px solid var(--accent)}.customer-profile-summary h4{font-size:.85rem;margin:15px 0 8px}.customer-profile-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.customer-profile-gallery img{width:100%;height:90px;object-fit:cover;border-radius:8px}.customer-profile-gallery>p{grid-column:1/-1}.customer-profile-note{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:.8rem;color:var(--muted);white-space:pre-wrap}.customer-next-booking{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--text);text-align:left}.customer-next-booking>span:nth-child(2){flex:1}.customer-next-booking strong,.customer-next-booking small{display:block;font-size:.78rem}.customer-next-booking small{color:var(--muted);margin-top:3px}#customerNotesContent{max-width:640px}#customerNotesContent .customer-profile-summary{padding-bottom:16px;border-bottom:1px solid var(--line)}#customerNotesContent .modal-head .eyebrow{display:none}
.calendar-agenda{display:none}.agenda-days{display:flex;gap:4px;padding:10px 4px;border-bottom:1px solid var(--line)}.agenda-day{flex:1;min-width:0;padding:8px 2px;border:0;border-radius:9px;color:var(--muted);background:transparent}.agenda-day small,.agenda-day strong{display:block}.agenda-day strong{font-size:1rem;margin-top:4px;color:var(--text)}.agenda-day.active{background:var(--accent);color:var(--accent-ink)}.agenda-day.active strong{color:inherit}.agenda-bookings{padding:12px 8px}.agenda-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;margin-bottom:11px;border-left:3px solid var(--accent);padding-left:8px}.agenda-row time{padding-top:9px;color:var(--accent);font-weight:700;font-size:.8rem}.agenda-row>button{position:relative;min-height:92px;padding:9px 10px;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:9px;background:linear-gradient(120deg,var(--card),var(--card2));color:var(--text);text-align:left}.agenda-row strong,.agenda-row small{display:block;padding-right:40px;overflow-wrap:anywhere}.agenda-row strong{font-size:.82rem}.agenda-row small{font-size:.72rem;color:var(--muted);margin-top:3px}.agenda-row .status{display:inline-block;margin-top:5px;font-size:.65rem}.agenda-avatar{position:absolute;right:9px;top:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--panel);color:var(--accent);font-size:.7rem}.agenda-block{padding:12px;border:1px dashed var(--line);border-radius:8px;margin-top:8px;color:var(--muted);font-size:.78rem}
@media(max-width:760px){.calendar-agenda:not([hidden]){display:block}.calendar-shell:has(.calendar-agenda:not([hidden]))>.calendar-scroll{display:none}.calendar-heading .eyebrow,.calendar-heading p{display:none}.calendar-heading h2{font-size:1.3rem}.calendar-heading{gap:8px}.calendar-controls{gap:4px}.calendar-controls .btn,.calendar-controls .icon-btn{min-height:34px;padding:6px 9px}.calendar-shell .cal-legend{display:none}.calendar-title-row{flex-wrap:wrap}.cal-view-tab{font-size:.7rem}.agenda-day:focus-visible,.agenda-row button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}
.calendar-day-strip .agenda-days{border-top:1px solid var(--line-soft);border-bottom:0}.calendar-shell>.cal-view-tabs{display:flex;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line)}.calendar-shell>.cal-view-tabs .cal-view-tab{flex:1;padding:9px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--muted);font-size:.78rem}.calendar-shell>.cal-view-tabs .cal-view-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.calendar-agenda>.agenda-days{display:none}.calendar-day-strip{display:none}@media(max-width:760px){.calendar-day-strip{display:block}.calendar-shell>.cal-view-tabs{padding:8px;gap:6px}.calendar-shell>.cal-view-tabs .cal-view-tab{font-size:.73rem;padding:8px 3px}}
.cal-end-time{height:24px;padding:3px 8px 0 0;text-align:right;font-size:.68rem;color:var(--muted);border-top:1px solid var(--line-soft)}
.overview-new-customers{order:2}.overview-cancellations{order:3}.overview-next{display:none}.page[data-page-panel="overview"]>.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page[data-page-panel="overview"]>.stats-grid .stat-card:has(#statHours),.page[data-page-panel="overview"]>.stats-grid .stat-card:has(#statDeposits),.page[data-page-panel="overview"]>.stats-grid .stat-card:has(#statConsent){display:none}.hero-heading>.btn{font-size:.75rem;min-height:36px;color:var(--accent)}
@media(max-width:760px){.page[data-page-panel="overview"] .studio-hero{height:290px}.page[data-page-panel="overview"] .hero-heading{margin-top:-48px;align-items:center;gap:8px}.page[data-page-panel="overview"]>.stats-grid{margin-bottom:0;border-bottom:0;border-radius:0}.page[data-page-panel="overview"] .overview-grid{display:block}.page[data-page-panel="overview"] .today-panel{border-top:0;border-radius:0 0 12px 12px;padding:0 10px 12px;margin-bottom:16px}.today-panel>.panel-head,.today-panel>#todayBookings{display:none}.overview-next{display:block;padding:8px;border:1px solid var(--line-soft);border-radius:8px}.overview-next h3{font-size:.8rem;margin:0 0 8px}.overview-next time{font-weight:700;color:var(--accent);font-size:.78rem}.overview-next .customer-avatar{width:40px;height:40px;flex-shrink:0;font-size:.75rem}.overview-next .customer-next-booking{padding:8px;gap:8px}.overview-next .customer-next-booking>span:nth-child(3){flex:1}.overview-booking-cta{margin-top:8px}.page[data-page-panel="overview"] .stat-card strong{font-size:1.45rem}.page[data-page-panel="overview"] .stat-card{min-height:78px}.page[data-page-panel="overview"] .hero-heading h2{font-size:.95rem}}
.overview-stat-icon{width:22px;height:22px;color:var(--accent)}.overview-new-customers .overview-stat-icon{color:#27b9ee}.overview-cancellations .overview-stat-icon{color:#f26585}
@media(max-width:760px){body:has(.page[data-page-panel="overview"].active) .topbar{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border:0;min-height:60px;pointer-events:none}body:has(.page[data-page-panel="overview"].active) .topbar .menu-btn,body:has(.page[data-page-panel="overview"].active) .topbar .notif-btn{pointer-events:auto;background:transparent;border:0;color:#e8efef}body:has(.page[data-page-panel="overview"].active) .topbar .artist-context,body:has(.page[data-page-panel="overview"].active) #newBookingBtn,body:has(.page[data-page-panel="overview"].active) #quickAiBtn{display:none}.page[data-page-panel="overview"]{padding:0 12px 24px}.page[data-page-panel="overview"] .studio-hero{height:310px;min-height:0;margin:0 -12px;border-radius:0}.page[data-page-panel="overview"] .studio-hero-brand{top:38px;left:52px;gap:4px}.page[data-page-panel="overview"] .studio-hero-wordmark{font-size:clamp(2rem,9vw,3rem);letter-spacing:-.06em}.page[data-page-panel="overview"] .studio-hero-photo{object-position:center}.page[data-page-panel="overview"] .hero-heading{margin:-48px 0 0;padding:12px 12px 8px;background:#05161bed;border-radius:12px 12px 0 0}.page[data-page-panel="overview"] .hero-heading h2{font-size:.9rem;margin-bottom:4px}.page[data-page-panel="overview"] .hero-heading p{font-size:.73rem}.page[data-page-panel="overview"] .hero-heading>.btn{min-height:34px;padding:7px 12px;border-color:#125342;background:#05231c}.page[data-page-panel="overview"]>.stats-grid{padding:0 10px 8px;gap:6px;background:#05161b}.page[data-page-panel="overview"] .stat-card{display:grid;grid-template-columns:24px 1fr;gap:0 5px;min-height:70px;padding:8px;border-radius:8px;align-content:center}.page[data-page-panel="overview"] .stat-card .overview-stat-icon{grid-column:1;grid-row:1;width:20px;height:20px;align-self:center}.page[data-page-panel="overview"] .stat-card strong{grid-column:2;grid-row:1;font-size:1.5rem;margin:0;line-height:1.2}.page[data-page-panel="overview"] .stat-card .stat-label{grid-column:1/-1;grid-row:2;text-align:center;font-size:.65rem;margin-top:3px}.page[data-page-panel="overview"] .stat-card small{grid-column:1/-1;text-align:center;font-size:.6rem}.overview-bookings{order:1}.overview-new-customers{order:2}.overview-cancellations{order:3}.page[data-page-panel="overview"] .today-panel{background:#05161b}.overview-next{padding:7px 0 0;border:0}.overview-next h3{font-size:.76rem}.overview-next .customer-next-booking{min-height:65px;border-radius:9px}.overview-booking-cta{min-height:38px;border-radius:8px;font-size:.85rem}.page[data-page-panel="overview"] .ai-teaser,.page[data-page-panel="overview"] .week-preview{margin-top:16px}.mobile-nav{min-height:58px;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:#031115}.mobile-nav button{gap:3px;font-size:.62rem}}
.studio-hero-brand img.studio-hero-wordmark{width:220px;height:auto;max-width:65vw;filter:none}.brand-logo{height:auto}.brand-symbol{object-fit:contain;border-radius:12px}@media(max-width:760px){.page[data-page-panel="overview"] .studio-hero-brand img.studio-hero-wordmark{width:210px;max-width:calc(100vw - 110px)}}
.calendar-day-strip{display:block}.page[data-page-panel="calendar"] .cal-headrow{display:none}.page[data-page-panel="calendar"] .calendar-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page[data-page-panel="calendar"] .calendar-heading .eyebrow,.page[data-page-panel="calendar"] .calendar-heading p{display:none}.page[data-page-panel="calendar"] .calendar-heading h2{font-size:1.3rem;margin:0}.page[data-page-panel="calendar"] .cal-legend{display:none}.calendar-day-strip .agenda-days{padding:10px 8px;gap:6px}.calendar-day-strip .agenda-day{min-height:62px}.calendar-day-strip .agenda-day.active{max-width:none}.calendar-shell>.cal-view-tabs{padding:8px;gap:6px}.calendar-shell>.cal-view-tabs .cal-view-tab{min-height:38px;border-radius:10px}.page[data-page-panel="calendar"] .calendar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}@media(max-width:760px){.page[data-page-panel="calendar"] .calendar-heading{flex-wrap:wrap}.calendar-day-strip .agenda-day{min-height:54px}.calendar-day-strip .agenda-days{gap:3px;padding:8px 4px}}
.page[data-page-panel="chat"] .page-heading{margin-bottom:12px}.page[data-page-panel="chat"] .page-heading h2{font-size:1.15rem}.page[data-page-panel="chat"] .page-heading .eyebrow,.page[data-page-panel="chat"] .page-heading p{display:none}.sc-panel{gap:10px;max-width:820px}.sc-toolbar{padding:8px 0;border-bottom:1px solid var(--line-soft)}.sc-recipient-label{min-width:0;flex:1}.sc-recipient-label>span{font-size:.7rem;color:var(--muted)}.sc-recipient-label select{min-height:34px;padding:6px 10px}.sc-messages{border:0;border-radius:0;background:transparent;padding:12px 4px 12px 42px;gap:15px;min-height:340px;max-height:62vh}.sc-msg{position:relative;align-self:flex-start;max-width:82%;padding:10px 12px;border-radius:11px 11px 11px 3px;background:#10252e;border:1px solid #19343d}.sc-msg.mine{background:#003b2a;border-color:#085b40;border-radius:11px 11px 3px 11px;max-width:85%}.sc-author-avatar{position:absolute;left:-38px;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--accent);font-size:.65rem;font-weight:700}.sc-meta{font-size:.62rem;gap:4px 8px}.sc-meta .text-button{font-size:.62rem;padding:0}.sc-body{font-size:.8rem;line-height:1.45}.sc-attachment{border-radius:8px}.sc-form{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid var(--line);background:var(--bg)}.sc-form textarea{min-height:38px;height:38px;max-height:120px;border-radius:22px;resize:none;padding:9px 12px;font-size:.8rem}.sc-form .sc-attach-btn,.sc-form .sc-send-btn{display:grid;place-items:center;flex:none;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border-radius:50%}.sc-send-btn .ui-icon{width:18px;height:18px}@media(max-width:760px){.sc-form{display:flex;position:sticky;bottom:66px;z-index:5}.sc-form textarea{grid-column:auto}.sc-form .btn.gold{grid-column:auto}.sc-messages{min-height:calc(100dvh - 340px);max-height:calc(100dvh - 300px)}.sc-msg,.sc-msg.mine{max-width:88%}.sc-toolbar{gap:8px}.sc-toolbar #scPrivacyHint{font-size:.65rem}}
.page[data-page-panel="admin"]{--admin-gap:12px}.page[data-page-panel="admin"] .page-heading{gap:14px;margin-bottom:16px;align-items:center}.page[data-page-panel="admin"] .page-heading h2{font-size:1.35rem}.page[data-page-panel="admin"] .page-heading .eyebrow{display:none}.page[data-page-panel="admin"] .page-heading p{font-size:.8rem;margin:6px 0 0}.page[data-page-panel="admin"] .page-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.page[data-page-panel="admin"] .btn{min-height:38px;padding:8px 12px;font-size:.78rem;border-radius:9px}.page[data-page-panel="admin"] .admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:var(--admin-gap);align-items:start}.page[data-page-panel="admin"] .panel{padding:14px;border-radius:11px;background:linear-gradient(140deg,var(--panel),var(--card2));min-width:0}.page[data-page-panel="admin"] .panel-head{margin-bottom:12px;align-items:center}.page[data-page-panel="admin"] h3{font-size:.95rem}.page[data-page-panel="admin"] .eyebrow{color:var(--muted);font-size:.63rem;letter-spacing:.06em}.page[data-page-panel="admin"] .artist-admin-list{gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.page[data-page-panel="admin"] .artist-admin-row{padding:12px;gap:11px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--card2);grid-template-columns:38px minmax(0,1fr) auto}.page[data-page-panel="admin"] .artist-admin-row:last-child{border-bottom:0}.page[data-page-panel="admin"] .artist-admin-row .avatar{width:36px;height:36px;border-radius:50%;font-size:.8rem;background:var(--card);color:var(--accent)}.page[data-page-panel="admin"] .artist-admin-row strong{font-size:.85rem}.page[data-page-panel="admin"] .artist-admin-row small{font-size:.73rem;overflow-wrap:anywhere}.page[data-page-panel="admin"] .compact-select{border-radius:9px;min-height:36px;font-size:.76rem;background:var(--card2)}.page[data-page-panel="admin"] .admin-studio-picker{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card2);margin-bottom:12px}.page[data-page-panel="admin"] .studio-directory-panel{margin-bottom:12px}.page[data-page-panel="admin"] .studio-admin-row{border-radius:9px;border-color:var(--line);background:var(--card2);padding:12px}.page[data-page-panel="admin"] .form-stack label{font-size:.76rem;color:var(--muted)}.page[data-page-panel="admin"] input,.page[data-page-panel="admin"] select{min-height:38px;background:var(--card2);border-color:var(--line)}.page[data-page-panel="admin"] .panel-icon{width:20px;height:20px;color:var(--accent);float:left;margin-right:8px}.page[data-page-panel="admin"] .artist-admin-row.is-inactive{opacity:.65}@media(max-width:1000px){.page[data-page-panel="admin"] .admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.page[data-page-panel="admin"] .page-heading{align-items:stretch}.page[data-page-panel="admin"] .page-heading-actions .btn{flex:1}.page[data-page-panel="admin"] .panel{padding:12px}.page[data-page-panel="admin"] .artist-admin-row{grid-template-columns:36px minmax(0,1fr);padding:11px}.page[data-page-panel="admin"] .artist-admin-row> :last-child{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}.page[data-page-panel="admin"] .artist-admin-row .btn{min-height:34px;font-size:.72rem}}
.customer-note-card{display:block;min-width:0;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--card2);margin-bottom:10px;box-sizing:border-box}.customer-note-card>small{display:block;color:var(--muted);font-size:.73rem}.customer-note-content{display:block;width:100%;min-width:0;margin:8px 0 12px;color:var(--text);font-size:.82rem;line-height:1.5;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.customer-note-actions{display:flex;flex-wrap:wrap;gap:8px 16px}.customer-note-actions .text-button{font-size:.76rem;min-height:32px;text-align:left}#customerNoteForm{min-width:0;width:100%;box-sizing:border-box}#customerNoteForm textarea{min-height:90px}
.page-heading h2{font-size:clamp(1.3rem,2.8vw,1.8rem)}.page-heading>div>p{font-size:.83rem;line-height:1.5}.page[data-page-panel="settings"] .theme-grid{gap:12px}.theme-card{border-radius:11px;box-shadow:none}.theme-card strong{font-family:inherit;font-size:1rem}.theme-swatch{height:85px;border-radius:8px}.settings-block{border-color:var(--line);border-radius:11px}.page[data-page-panel="inventory"] .wl-list,.page[data-page-panel="waitlist"] .wl-list{gap:10px}.ink-card{border-radius:11px;padding:14px;background:var(--panel)}.ink-card strong{font-size:.9rem}.scan-drop{border-radius:10px}.modal-card input,.modal-card select,.modal-card textarea{background:var(--card2);border-color:var(--line)}.modal-card .eyebrow{color:var(--muted)}.modal-card .btn{min-height:40px}.auth-card{border-radius:14px;box-shadow:none}.auth-card h2{font-family:inherit;font-size:1.6rem}.form-stack label,.form-grid label{font-size:.8rem}.wl-row{border-radius:10px;border-color:var(--line);background:var(--card2)}
@media(max-width:760px){.page[data-page-panel="overview"] .hero-heading{flex-direction:row}.overview-next .customer-avatar{display:grid;place-items:center;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--accent-secondary,var(--accent));width:40px;height:40px}}

/* Mobile safe-area/touch hotfix — based on live version 84d302af */
@media(max-width:760px){
  .topbar{
    padding-top:calc(10px + env(safe-area-inset-top,0px));
  }
  .menu-btn,.notif-btn{
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    display:grid;
    place-items:center;
    touch-action:manipulation;
  }
  .sidebar{
    height:100dvh;
    max-height:100dvh;
    padding-top:calc(20px + env(safe-area-inset-top,0px));
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
    overflow:hidden;
  }
  .side-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    align-content:start;
  }
  .sidebar-bottom{
    flex:none;
    margin-top:0;
    padding:16px 8px calc(10px + env(safe-area-inset-bottom,0px));
  }
  .sidebar-account-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:10px;
  }
  .sidebar-account-actions .text-button{
    width:100%;
    min-height:48px;
    margin:0;
    padding:0 12px;
    border:1px solid var(--line-soft);
    border-radius:11px;
    background:var(--card2);
    color:var(--text);
    text-align:center;
    touch-action:manipulation;
  }
  .sidebar-account-actions #logoutBtn{color:var(--danger)}
  body:has(.page[data-page-panel="overview"].active) .topbar{
    min-height:calc(68px + env(safe-area-inset-top,0px));
    padding-top:calc(10px + env(safe-area-inset-top,0px));
  }
  .page[data-page-panel="overview"] .studio-hero-brand{
    top:calc(82px + env(safe-area-inset-top,0px));
  }
}


/* Calendar navigation belongs with the date range it changes. */
.calendar-title-row .cal-title-actions{margin-left:auto}
.calendar-title-row .calendar-controls{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
@media(max-width:760px){
  .calendar-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px}
  .calendar-title-row>strong{min-width:0;font-size:1rem}
  .calendar-title-row .cal-title-actions{margin-left:0}
  .calendar-title-row .calendar-controls{gap:4px}
  .calendar-title-row .calendar-controls .icon-btn{width:36px;height:36px;min-height:36px}
}

/* Calendar clarity: keep the mobile chrome in normal flow, align the visible
   date strip with the hourly grid, and make today's date unmistakable. */
body.calendar-mode .topbar{flex:0 0 auto}
.calendar-day-strip .agenda-days{display:grid;grid-template-columns:64px repeat(var(--calendar-strip-days,7),minmax(0,1fr));gap:0;padding:0}
.calendar-day-strip .agenda-days::before{content:"";grid-column:1;border-right:1px solid var(--line-soft)}
.calendar-day-strip .agenda-day{border-left:1px solid var(--line-soft);border-radius:0}
.calendar-day-strip .agenda-day.is-today{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 2px var(--accent)}
.calendar-day-strip .agenda-day.is-today strong{color:var(--accent)}
.calendar-day-strip .agenda-day.is-today.active,.calendar-day-strip .agenda-day.active{color:var(--accent-ink);background:var(--accent)}
.calendar-day-strip .agenda-day.is-today.active strong{color:inherit}
.agenda-today-label{display:block;margin-top:2px;font-size:.56rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.month-day.is-today{background:color-mix(in srgb,var(--accent) 14%,var(--card2));box-shadow:inset 0 0 0 2px var(--accent)}
.year-day.is-today,.year-day.is-today.has-activity{color:var(--accent-ink);background:var(--accent);box-shadow:0 0 0 1px var(--accent)}
@media(max-width:760px){
  .topbar{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center}
  .topbar>.menu-btn{grid-column:1}
  .topbar>.top-actions{grid-column:3;min-width:0}
  .topbar>.artist-context{grid-column:1/-1;order:initial;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0}
  .artist-selector-wrap{min-width:0;overflow:hidden}
  .artist-selector-wrap select{width:100%;max-width:none;min-width:0}
  .page[data-page-panel="calendar"] .calendar-heading{flex:0 0 auto;min-width:0}
  .page[data-page-panel="calendar"] .calendar-heading>div:first-child{flex:0 0 auto;min-width:0}
  .page[data-page-panel="calendar"] .calendar-controls{flex:0 0 auto;flex-wrap:nowrap}
  .calendar-day-strip .agenda-days{grid-template-columns:44px repeat(var(--calendar-strip-days,7),minmax(0,1fr));gap:0;padding:0}
  .calendar-day-strip .agenda-day{min-height:58px;padding:6px 2px}
  .calendar-shell>.cal-view-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .calendar-shell>.cal-view-tabs .cal-view-tab{min-width:0;min-height:44px;padding:4px 2px;white-space:normal;line-height:1.1;font-size:.66rem}
}