/* Theme-aware identity and a compact, touch-friendly workspace. */
.brand .brand-theme-dark{display:none}
:root[data-theme="dark"] .brand .brand-theme-light{display:none}
:root[data-theme="dark"] .brand .brand-theme-dark{display:block}
.public-page .tenant-profile-logo,.public-business-identity .tenant-profile-logo,.public-business-identity .professional-avatar{width:76px;height:76px;min-width:76px;max-width:76px;flex:none;aspect-ratio:1;align-self:center;border-radius:50%;object-fit:cover;object-position:center;box-sizing:border-box}
.public-logo-placeholder{flex:none;aspect-ratio:1}
.branding-previews{display:flex;flex-wrap:wrap;gap:12px;grid-column:1/-1}
.branding-previews figure{margin:0;min-width:140px;padding:20px;border:1px solid var(--line);border-radius:14px;display:grid;gap:12px;place-items:center}
.branding-preview-light{background:#fff;color:#182235}.branding-preview-dark{background:#101722;color:#f5f7fa}
.mobile-workspace-nav{display:none}.mobile-new-booking{display:none}
.agenda-date-picker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.agenda-date-picker input{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}
.agenda-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0;max-width:680px}
.agenda-week a{display:grid;gap:6px;place-items:center;padding:12px 4px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--paper);text-decoration:none}
.agenda-week a strong{font-size:1.2rem;color:var(--ink)}
.agenda-week a[aria-current]{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 5px 16px var(--shadow-color)}
.agenda-week a[aria-current] strong{color:#fff}
.agenda-appointment{margin-top:12px;border-left:4px solid var(--action)}
.agenda-status-completed{border-left-color:var(--success)}.agenda-status-cancelled,.agenda-status-no_show{border-left-color:var(--muted)}
.agenda-appointment .panel-head h2{font-size:1.1rem}
.hero-outcome{max-width:540px;font-size:1rem;line-height:1.7;color:var(--muted)}
.adaptive-ui .marketing-hero{max-width:1440px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-block:clamp(40px,6vw,100px);gap:clamp(24px,5vw,80px)}
.hero-copy h1{font-size:clamp(2.5rem,4.8vw,4.7rem);letter-spacing:-.045em;line-height:1.07;max-width:760px}
.marketing-hero .product-window{transform:rotate(-2deg);box-shadow:0 25px 65px var(--shadow-color);border:1px solid var(--line)}
.marketing-hero .hero-copy .primary{min-height:54px;padding-inline:26px;box-shadow:0 8px 22px var(--shadow-color)}
.sales-benefits article{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}
.sales-benefits article>span{display:grid;place-items:center;background:var(--soft);color:var(--action);border-radius:14px;width:44px;height:44px;font-size:1.5rem}
.sales-plan-note{font-size:.82rem;color:var(--muted);margin-top:20px}
.sales-benefits .section-head{max-width:720px}.pricing-card .button{width:100%;justify-content:center}
@media(max-width:900px){.adaptive-ui .marketing-hero{grid-template-columns:minmax(0,1fr);max-width:680px}.marketing-hero .product-window{transform:none}.hero-copy h1{font-size:clamp(2.4rem,7vw,3.8rem)}}
@media(max-width:700px){
 body:has(.mobile-workspace-nav){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .mobile-workspace-nav{position:fixed;z-index:40;inset:auto 0 0;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -4px 20px var(--shadow-color)}
 .mobile-workspace-nav>a,.mobile-workspace-nav>button{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:5px 2px;color:var(--muted);border:0;background:transparent;font:inherit;font-size:.65rem;line-height:1.25;text-decoration:none;cursor:pointer;min-height:48px}
 .mobile-workspace-nav a[aria-current]{color:var(--accent);font-weight:750}.workspace-nav-icon{display:grid;place-items:center;width:36px;height:27px;border-radius:10px}.mobile-workspace-nav a[aria-current] .workspace-nav-icon{background:var(--soft)}
 .adaptive-ui:has(.mobile-workspace-nav) .topbar{position:sticky;top:0;z-index:30;background:var(--paper);min-height:64px;border-bottom:1px solid var(--line)}
 .adaptive-ui:has(.mobile-workspace-nav) .brand .platform-logo{height:42px;max-width:145px}
 .adaptive-ui:has(.mobile-workspace-nav) .mobile-nav[open] .mobile-nav-links{position:fixed;left:12px;right:12px;top:76px;bottom:calc(90px + env(safe-area-inset-bottom,0px));overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:16px;box-shadow:0 16px 40px var(--shadow-color);z-index:45}
 .mobile-agenda .metric-grid{display:flex;overflow:auto;gap:10px;padding-bottom:8px}.mobile-agenda .metric-grid article{min-width:120px;flex:none;padding:12px}.mobile-agenda .metric-grid strong{font-size:1.4rem}
 .agenda-week{gap:5px;margin-block:16px}.agenda-week a{padding:10px 2px;border-radius:12px}.agenda-week small{font-size:.65rem}.agenda-week strong{font-size:1rem}
 .agenda-appointment .panel-head{align-items:flex-start;gap:8px}.agenda-appointment .status-pill{font-size:.7rem}.agenda-appointment p{font-size:.88rem;color:var(--muted)}
 .agenda-appointment .form-actions{gap:8px}.agenda-appointment .form-actions .button{min-height:44px}.agenda-appointment .form-actions form{flex:1}.agenda-appointment .form-actions form .button{width:100%}
 .mobile-new-booking{display:flex;justify-content:center;margin-top:20px;width:100%;min-height:52px;border-radius:14px}
 .marketing-hero .hero-copy .actions{display:grid;grid-template-columns:1fr}.marketing-hero .hero-copy .actions .button{justify-content:center;text-align:center;min-height:50px}
 .marketing-hero .trust-row{display:grid;gap:8px}.hero-copy h1{font-size:clamp(2.2rem,9vw,3.4rem)}.sales-benefits article{padding:22px}
}
@media print{.mobile-workspace-nav,.agenda-date-picker,.agenda-week,.mobile-new-booking{display:none}}

.agenda-client-line{display:flex;align-items:center;gap:12px;min-width:0}.agenda-client-line time{font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.agenda-client-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--accent);flex:none;font-size:.9rem}.agenda-client-line>span:last-child{overflow-wrap:anywhere}

.sales-benefits .segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.sales-benefits .segment-grid{grid-template-columns:minmax(0,1fr)}}

/* Installation is offered without covering the agenda or starting a download automatically. */
.app-install-strip{display:none}.app-install-strip[hidden]{display:none!important}
.app-install-dialog{max-width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}
.app-install-dialog::backdrop{background:#10172288}.app-install-dialog h2{font-size:1.3rem;margin-top:0}.app-install-dialog p{line-height:1.6;color:var(--muted)}
@media(max-width:700px){
 .app-install-strip{display:flex;align-items:center;gap:10px;margin:12px var(--layout-gutter);padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
 .app-install-strip>div{flex:1;min-width:0;display:grid;gap:3px}.app-install-strip strong{font-size:.8rem}.app-install-strip span{font-size:.7rem;color:var(--muted)}
 .app-install-strip .button{font-size:.75rem;padding:10px;min-height:44px}.app-install-dismiss{background:transparent;border:0;color:var(--muted);font-size:1.4rem;cursor:pointer;min-width:30px;min-height:44px}
 body:has(.mobile-workspace-nav) .footer{display:none}
 .adaptive-ui:has(.mobile-workspace-nav) .topbar{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(var(--layout-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--layout-gutter),env(safe-area-inset-right,0px))}
 .public-header{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
}
@media(display-mode:standalone){.app-install-strip{display:none!important}body{min-height:100dvh}.topbar{padding-top:calc(12px + env(safe-area-inset-top,0px))}}
@media print{.app-install-strip,.app-install-dialog{display:none!important}}

@media(max-width:700px){
 .adaptive-ui input:not([type=checkbox]):not([type=radio]),.adaptive-ui select,.adaptive-ui textarea{font-size:16px;min-height:44px}
 .adaptive-ui .button{min-height:44px}.public-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}

.app-update-notice{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:16px;right:16px;max-width:500px;margin:auto;z-index:100;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 35px var(--shadow-color)}.app-update-notice p{margin:0 0 12px}.app-update-notice .button{margin-right:8px}