@import url("./feedback.css");
@import url("./controls.css");
/* Prism 20261010 — shared HMS tokens and presentation. Existing business handlers remain authoritative. */
:root,body.hms-prism{--prism-canvas:#f1f4f9;--prism-surface:#fff;--prism-soft:#eaf0f7;--prism-ink:#243047;--prism-muted:#63718a;--prism-line:#dce3ef;--prism-emerald:#157d69;--prism-hero:linear-gradient(115deg,#0d786c,#209989);--prism-header:80px;--prism-side:232px;--prism-radius:18px;--prism-teal:linear-gradient(140deg,#53d1b2,#269c82);--prism-blue:linear-gradient(140deg,#92b6fc,#5789df);--prism-violet:linear-gradient(140deg,#ca9bf5,#975ace);--prism-coral:linear-gradient(140deg,#ffb395,#e77c61);--prism-amber:linear-gradient(140deg,#f5d878,#dba846);--prism-cyan:linear-gradient(140deg,#70d4df,#38a5bb);--prism-pink:linear-gradient(140deg,#edadd3,#c16caa);--prism-slate:linear-gradient(140deg,#acc6e0,#6d8dab)}
:root[data-theme=dark],html[data-theme=dark] body.hms-prism{--prism-canvas:#151827;--prism-surface:#22283a;--prism-soft:#2b3348;--prism-ink:#f2f4fa;--prism-muted:#bcc5d8;--prism-line:#343c54;--prism-emerald:#5cd0b2}
html[data-theme] body.hms-prism.hms-ui149{--canvas:var(--prism-canvas);--paper:var(--prism-surface);--paper-2:var(--prism-soft);--ink:var(--prism-ink);--ink-2:var(--prism-ink);--muted:var(--prism-muted);--line:var(--prism-line);--line-strong:var(--prism-line);--gold:var(--prism-emerald);--gold-deep:var(--prism-emerald);--bg:var(--prism-canvas);--card:var(--prism-surface);--surface:var(--prism-surface);--soft:var(--prism-soft);--navy:var(--prism-ink);--sky:var(--prism-soft);margin:0;min-width:0;width:100%;height:100dvh;overflow:hidden;background:var(--canvas);color:var(--ink);overscroll-behavior:none}
html:has(body.hms-prism){min-width:0;height:100%;overflow:hidden;overscroll-behavior:none}
body.hms-prism *,body.hms-prism *:before,body.hms-prism *:after{box-sizing:border-box}
body.hms-prism [hidden]{display:none!important}
body.hms-prism button,body.hms-prism input,body.hms-prism select,body.hms-prism textarea{touch-action:manipulation}
body.hms-prism [data-prism-tone=teal]{--prism-tile:var(--prism-teal)}
body.hms-prism [data-prism-tone=blue]{--prism-tile:var(--prism-blue)}
body.hms-prism [data-prism-tone=violet]{--prism-tile:var(--prism-violet)}
body.hms-prism [data-prism-tone=coral]{--prism-tile:var(--prism-coral)}
body.hms-prism [data-prism-tone=amber]{--prism-tile:var(--prism-amber)}
body.hms-prism [data-prism-tone=cyan]{--prism-tile:var(--prism-cyan)}
body.hms-prism [data-prism-tone=pink]{--prism-tile:var(--prism-pink)}
body.hms-prism [data-prism-tone=slate]{--prism-tile:var(--prism-slate)}
html body.hms-prism .app-shell{display:grid!important;grid-template-columns:var(--prism-side) minmax(0,1fr)!important;padding-top:var(--prism-header);height:100dvh;min-height:0;max-height:100dvh}
html body.hms-prism .workspace{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
html body.hms-prism .content,html body.hms-prism #clubWorkspace190{flex:1 1 auto;width:100%;max-width:none;min-height:0;min-width:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px;margin:0;scroll-behavior:auto}
html body.hms-prism #clubWorkspace190{height:100%!important}
html body.hms-prism #sidebar{position:relative;inset:auto;height:100%;max-height:100%;min-height:0;min-width:0;width:auto;display:flex;flex-direction:column;overflow:hidden;padding:16px 12px;background:var(--paper);color:var(--ink);border-inline-end:1px solid var(--line);--nav-bg:var(--paper);--nav-text:var(--ink);--nav-muted:var(--muted);--nav-line:var(--line);box-shadow:none}
html body.hms-prism #sidebar>.brand{display:none}
html body.hms-prism #sidebarClose{display:none;background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}
html body.hms-prism #primaryNav{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 12px}
html body.hms-prism #primaryNav :is(.ad-nav-search,.ad-nav-search input){background:var(--paper-2);color:var(--ink);border-color:var(--line);box-shadow:none}
html body.hms-prism #primaryNav .ad-nav-search input::placeholder{color:var(--muted)}
html body.hms-prism #primaryNav :is(.nav141-heading,.nav-group,.ad-nav-scope){color:var(--muted)}
html body.hms-prism #primaryNav .nav-item{min-height:50px;gap:10px;padding:8px;border-radius:12px;line-height:1.5;font-size:13px;color:var(--ink);background:transparent;border:1px solid transparent;transform:none;white-space:normal}
html body.hms-prism #primaryNav .nav-item>span:not(.nav-badge){white-space:normal;overflow-wrap:anywhere}
html body.hms-prism #primaryNav .nav-item:hover{background:var(--paper-2);color:var(--prism-ink);transform:none}
html body.hms-prism #primaryNav .ad-nav-area.selected>.nav-item,html body.hms-prism #primaryNav .nav-item.active{color:var(--ink);background:color-mix(in srgb,var(--prism-emerald) 16%,var(--paper));border-color:color-mix(in srgb,var(--prism-emerald) 40%,var(--line))}
html body.hms-prism #primaryNav .nav-item .ui-icon{display:block;flex:0 0 36px;width:36px;height:36px;padding:8px;border-radius:11px;background:var(--prism-tile,var(--prism-slate));color:#fff;stroke-width:1.8;box-shadow:inset 0 1px 1px #ffffff66}
html body.hms-prism #primaryNav .ad-nav-child .ui-icon{flex-basis:30px;width:30px;height:30px;padding:6px;border-radius:9px}
html body.hms-prism #sidebar :is(.sidebar-footer,#villaggioAssistant110){color:var(--ink);background:var(--paper);border-color:var(--line)}
html body.hms-prism #sidebar .sidebar-footer :is(span,small){color:var(--muted)}
html body.hms-prism #sidebar .operator-avatar{background:var(--prism-violet);color:#fff}
html body.hms-prism .topbar.prism-header{position:fixed!important;inset-block-start:0;inset-inline:0;width:100%;height:var(--prism-header)!important;min-height:var(--prism-header)!important;max-height:var(--prism-header);display:grid!important;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:18px;padding:12px 22px!important;margin:0!important;border:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);z-index:45;box-shadow:none;backdrop-filter:none}
body.hms-prism .prism-brand{display:flex;align-items:center;gap:10px;min-width:0;direction:ltr}
body.hms-prism .prism-brand img{width:35px;height:45px;object-fit:contain;flex:none}
body.hms-prism .prism-brand strong{display:block;font:600 17px Georgia,serif;letter-spacing:2px;color:var(--ink)}
body.hms-prism .prism-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-top:5px}
html body.hms-prism .prism-header .topbar-copy{min-width:0;overflow:hidden}
html body.hms-prism .prism-header :is(h1,#pageTitle){font-family:inherit;font-size:16px!important;line-height:1.4!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0}
html body.hms-prism .prism-header :is(#pageEyebrow,.eyebrow){font-size:10px;color:var(--muted)}
html body.hms-prism .prism-header :is(.topbar-actions,.top-actions){display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:7px;min-width:0;margin:0;padding:0;grid-column:auto;grid-row:auto}
html body.hms-prism .prism-header .property-picker{display:flex;flex-direction:row;align-items:center;gap:5px;width:158px!important;height:44px!important;min-height:44px!important;padding:2px 8px!important;border:1px solid var(--line)!important;background:var(--paper-2);border-radius:12px;min-width:0}
html body.hms-prism .prism-header #propertyLabel{display:none}
html body.hms-prism .prism-header .property-picker :is(.hms-select-trigger142,.hms-select-label142){font-size:13px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-height:36px!important;line-height:1.4!important}
html body.hms-prism .prism-header :is(.icon-button,.notification-button,.language-button,.ghost){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:9px!important;border-radius:12px!important;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-size:13px;margin:0}
html body.hms-prism .prism-header .ui-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
html body.hms-prism .prism-header .club-appearance193{display:contents}
html body.hms-prism .prism-header #logoutButton{font-size:0;overflow:hidden}
html body.hms-prism .prism-header #logoutButton::after{content:"↪";font:25px Arial,sans-serif}
html body.hms-prism .prism-header .logout-button span{display:none}
html body.hms-prism .prism-header .notification-button span{font-size:10px;height:18px;min-width:18px;top:-3px;inset-inline-end:-3px}
html body.hms-prism .prism-header #menuButton{display:none!important}
html body.hms-prism .prism-search{flex:0 0 auto;padding:12px 24px 0;background:var(--canvas)}
html body.hms-prism .prism-search:has(>[hidden]){display:none}
html body.hms-prism .prism-search .global-search{max-width:none;min-width:0;width:100%;background:var(--paper)}
html body.hms-prism .ad-home{display:grid;gap:22px}
html body.hms-prism .ad-hero{padding:26px 30px;border:0;border-radius:22px;background:var(--prism-hero);color:#fff;min-height:150px}
html body.hms-prism #content .ad-hero :is(h2,p,.ad-eyebrow){color:#fff}
html body.hms-prism .ad-hero h2{font-family:inherit;font-size:28px;font-weight:800}
html body.hms-prism .ad-hero-button{background:#ffffff20;color:#fff;border:1px solid #ffffff40;border-radius:12px}
html body.hms-prism .ad-workspaces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html body.hms-prism .ad-workspace{align-items:center;justify-content:center;text-align:center;min-height:170px;padding:20px 12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 4px 14px #00000006}
html body.hms-prism .ad-workspace-icon{display:grid;place-items:center;width:62px;height:62px;padding:14px;border-radius:19px;background:var(--prism-tile,var(--prism-teal));color:#fff;box-shadow:inset 0 2px 3px #ffffff77,0 5px 14px #00000012}
html body.hms-prism .ad-workspace-icon .ui-icon{width:34px;height:34px;color:#fff}
html body.hms-prism .ad-workspace strong{font-size:15px;line-height:1.5}
html body.hms-prism .ad-workspace small{font-size:12px;line-height:1.6;color:var(--muted)}
html body.hms-prism .ad-workspace .ad-arrow{display:none}
html body.hms-prism :is(.ad-metric,.ad-hotel,.ad-tool,.exec-panel,.mhr-panel,.panel,.order-card,.cash-dashboard,.metric-card,.store-panel,.store-action-card){border-color:var(--line);background:var(--paper);color:var(--ink);border-radius:var(--prism-radius);box-shadow:none}
html body.hms-prism :is(.primary-button,.primary){background:#168772;color:#fff;border-color:#168772;border-radius:12px}
html body.hms-prism :is(.secondary-button,.ghost){border-color:var(--line);background:var(--paper-2);color:var(--ink);border-radius:12px}
html body.hms-prism input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body.hms-prism select,html body.hms-prism textarea{font-size:16px;min-width:0;max-width:100%;color:var(--ink)}
html body.hms-prism .modal-backdrop{overscroll-behavior:contain}
html body.hms-prism .modal{background:var(--paper);color:var(--ink);max-height:calc(100dvh - 28px)}
html body.hms-prism.prism-service{padding-top:var(--prism-header)}
html body.hms-prism.prism-service>main.shell{flex:1;height:100%;min-height:0;width:100%;max-width:none;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:24px;scrollbar-gutter:stable}
html body.hms-prism .prism-service-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px}
html body.hms-prism .prism-header #actorBadge{display:none}
@media(max-width:1100px){html body.hms-prism .ad-workspaces{grid-template-columns:repeat(3,minmax(0,1fr))}body.hms-prism{--prism-side:214px}html body.hms-prism .prism-header{gap:10px;padding-inline:16px!important}body.hms-prism .prism-brand strong{font-size:14px}}
@media(max-width:900px){
body.hms-prism{--prism-header:128px}
html body.hms-prism .app-shell{grid-template-columns:minmax(0,1fr)!important}
html body.hms-prism #sidebar:not(.open){display:none!important}
html body.hms-prism #sidebar.open{display:flex!important;position:fixed!important;inset-block:0;inset-inline-start:0;inset-inline-end:auto;transform:none!important;z-index:70;width:min(340px,calc(100vw - 32px));height:100dvh;max-height:100dvh;padding-top:14px}
html body.hms-prism #sidebar.open>.brand{display:flex}
html body.hms-prism #sidebarClose{display:grid}
html body.hms-prism #sidebarScrim.show{z-index:69;position:fixed;inset:0;display:block;background:#0008}
html body.hms-prism .topbar.prism-header{grid-template-columns:44px minmax(120px,1fr) minmax(80px,1fr);grid-template-rows:44px 44px;gap:9px 10px;padding:12px 14px!important;align-content:center}
html body.hms-prism .prism-header #menuButton{display:inline-flex!important;grid-column:1;grid-row:1}
html body.hms-prism .prism-header .prism-brand{grid-column:2;grid-row:1}
html body.hms-prism .prism-header .topbar-copy{grid-column:3;grid-row:1;text-align:end}
html body.hms-prism .prism-header :is(.topbar-actions,.top-actions){grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%}
html body.hms-prism .prism-header .property-picker{width:auto!important;flex:1;max-width:320px;margin-inline-end:auto}
html body.hms-prism .prism-header #pageEyebrow{display:none}
html body.hms-prism .prism-header h1{font-size:13px!important}
html body.hms-prism .ad-workspaces{grid-template-columns:repeat(3,minmax(0,1fr))}
html body.hms-prism .content{padding:20px}
}
@media(max-width:600px){
body.hms-prism{--prism-header:120px}
html body.hms-prism .topbar.prism-header{padding:8px 12px!important;gap:8px}
body.hms-prism .prism-brand img{width:26px;height:34px}body.hms-prism .prism-brand strong{font-size:12px;letter-spacing:1px}body.hms-prism .prism-brand small{font-size:7px;letter-spacing:1px}
html body.hms-prism .prism-header :is(.topbar-actions,.top-actions){gap:5px}
html body.hms-prism .prism-header .property-picker{padding:2px 5px!important;max-width:none}
html body.hms-prism .prism-header .property156-icon{display:none}
html body.hms-prism .content,html body.hms-prism.prism-service>main.shell{padding:14px}
html body.hms-prism .ad-workspaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body.hms-prism .ad-workspace{min-height:164px;padding:16px 10px}
html body.hms-prism .ad-hero{padding:22px;min-height:148px}
html body.hms-prism .ad-hero h2{font-size:25px}
html body.hms-prism .ad-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){body.hms-prism *,body.hms-prism *:before,body.hms-prism *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html:has(body.hms-prism),html body.hms-prism{height:auto;overflow:visible}body.hms-prism .prism-header,body.hms-prism #sidebar{display:none!important}html body.hms-prism .app-shell{display:block!important;padding:0;height:auto;max-height:none}html body.hms-prism .workspace,html body.hms-prism .content{height:auto;overflow:visible!important}}

html[data-theme] body.hms-prism .topbar.prism-header #logoutButton{width:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important}

html[data-theme] body.hms-prism .topbar.prism-header #logoutButton{font-size:0!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker{flex:0 1 158px!important;min-width:0!important;max-width:158px!important}
@media(max-width:900px){html[data-theme] body.hms-prism .topbar.prism-header .property-picker{flex:1 1 0%!important;min-width:0!important;width:0!important;max-width:none!important}}

html body.hms-prism #clubAppearance193{display:contents!important}
html body.hms-prism #clubAppearance193 :is(#themeButton,#notificationButton){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;margin:0!important;padding:9px!important}

html body.hms-prism .prism-header .prism-control-slot{display:flex;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;margin:0;padding:0}

html body.hms-prism .prism-header #logoutButton::after{content:none}
html body.hms-prism .prism-header #logoutButton svg{display:block;width:21px;height:21px;flex:none}

/* Original gold wheat: transparent asset, never a colored logo badge. */
html body.hms-prism :is(.prism-brand,.prism-brand img,.brand-mark){background:transparent!important;border:0!important;box-shadow:none!important}
/* Standalone laundry must obey the same header tracks as every HMS account. */
html body.hms-prism #laundryTopbar #laundryHeaderActions{min-width:0!important;max-width:100%!important;margin:0!important;position:static!important;transform:none!important;justify-self:stretch}
@media(max-width:900px){html body.hms-prism #laundryTopbar #laundryHeaderActions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;gap:5px!important}}

html body.hms-prism #laundryTopbar.prism-header{grid-template-columns:auto minmax(90px,1fr) auto!important;grid-template-areas:none!important}
@media(max-width:900px){html body.hms-prism #laundryTopbar.prism-header{grid-template-columns:44px minmax(120px,1fr) minmax(80px,1fr)!important;grid-template-rows:44px 44px!important}}

/* Same browser viewport and gesture behavior for every HMS consumer. */
html:has(body.hms-prism),body.hms-prism{touch-action:manipulation}
html body.hms-prism.hms-ui149,html body.hms-prism .app-shell{height:var(--prism-vh,100dvh);max-height:var(--prism-vh,100dvh)}
html body.hms-prism #sidebar.open{height:var(--prism-vh,100dvh);max-height:var(--prism-vh,100dvh)}
html body.hms-prism .modal{max-height:calc(var(--prism-vh,100dvh) - 28px)}
html body.hms-prism.prism-signature #studio-main{height:calc(var(--prism-vh,100dvh) - var(--prism-header))}
html body.hms-prism.prism-whatsapp .wa175-dialog{height:var(--prism-vh,100dvh)}

html body.hms-prism #primaryNav .prism-nav-group{display:grid;gap:4px;margin-block:14px 6px;padding-block-start:10px;border-block-start:1px solid var(--prism-line);min-width:0}
html body.hms-prism #primaryNav .prism-nav-group:first-child{margin-block-start:0;padding-block-start:0;border:0}
html body.hms-prism #primaryNav .prism-nav-heading{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.04em;margin:0 8px 5px;color:var(--prism-muted)}
html body.hms-prism #primaryNav .prism-nav-group>.nav-item{width:100%;text-align:start}
html body.hms-prism #primaryNav details>summary{min-height:44px;align-content:center;line-height:1.5}
html body.hms-prism #primaryNav .nav-item:focus-visible,html body.hms-prism #primaryNav summary:focus-visible{outline:2px solid var(--prism-emerald);outline-offset:-2px}

/* Keep medium-width housekeeping actions below the heading; preserve native phone layout. */
@media(min-width:521px) and (max-width:850px){html body.hms-prism .hk69-heading{flex-direction:column;align-items:stretch}html body.hms-prism .hk69-tools{width:100%;min-width:0;max-width:100%}}

/* Owner-reported UI197 corrections; shared presentation only. */
html body.hms-prism .prism-header .property-picker{position:relative;gap:6px!important;margin-block:0!important;align-items:center!important;justify-content:center!important;padding-block:0!important}
html body.hms-prism .prism-header .property156-icon,html body.hms-prism .prism-header .prism-property-icon{display:block!important;flex:0 0 18px;width:18px!important;height:18px!important;color:var(--prism-emerald);pointer-events:none}
html body.hms-prism .prism-header .property-picker select{flex:1 1 0;min-width:0!important;width:0!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding-block:0!important;padding-inline:0 20px!important;line-height:normal!important;text-align:center!important;text-align-last:center!important;align-self:center!important;font-size:13px!important;background-color:transparent!important;border:0!important;box-shadow:none!important}
html body.hms-prism .prism-header .property-picker .hms-select-label142{min-height:0!important;line-height:1.4!important;text-align:center;align-self:center}
html body.hms-prism #previewRibbon{background:var(--prism-soft)!important;color:var(--prism-muted)!important;border-color:var(--prism-line)!important}
html body.hms-prism #previewRibbon.live{color:var(--prism-ink)!important}
html body.hms-prism #previewRibbon.live .pulse-dot{background:var(--prism-emerald)!important;box-shadow:none!important}
html body.hms-prism :is(#content,#modalBackdrop) :is(.primary-button,.primary){background:#168772!important;color:#fff!important;border-color:#168772!important}
html body.hms-prism :is(.c169-overlay,.c169-notice,.c169-floating){--c-bg:var(--prism-surface);--c-card:var(--prism-soft);--c-text:var(--prism-ink);--c-muted:var(--prism-muted);--c-line:var(--prism-line);--c-gold:var(--prism-emerald);font-family:inherit}
html body.hms-prism .c169-floating{background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line)}
html body.hms-prism :is(.c169-overlay [data-send],.c169-overlay button[aria-pressed=true],.c169-notice [data-receive]){background:#168772;color:#fff;border-color:#168772}
html body.hms-prism .c169-notice{inset-inline:0;margin-inline:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-height:calc(var(--prism-vh,100dvh) - var(--prism-header) - 96px);overflow:auto;border-color:var(--prism-line);border-inline-start:4px solid var(--prism-emerald)}
html body.hms-prism .c169-notice>.c169-x{width:44px;min-width:44px;height:44px;min-height:44px}
html body.hms-prism .c169-notice>small{padding-inline-end:44px}
html body.hms-prism .hms-choice139{--choice-bg:var(--prism-surface);--choice-soft:var(--prism-soft);--choice-text:var(--prism-ink);--choice-muted:var(--prism-muted);--choice-line:var(--prism-line);--choice-gold:var(--prism-emerald)}
html body.hms-prism .hms-choice139 footer .hms-choice-apply139{background:#168772;color:#fff;border-color:#168772}

/* Existing role-specific token aliases share the Prism palette. */
html[data-theme] body.hms-prism.hms-ui149.hms-hr152{--canvas:var(--prism-canvas);--paper:var(--prism-surface);--paper-2:var(--prism-soft);--ink:var(--prism-ink);--muted:var(--prism-muted);--line:var(--prism-line);--gold:var(--prism-emerald);--gold-deep:var(--prism-emerald)}
html body.hms-prism .account166-page{--panel:var(--prism-surface);--border:var(--prism-line);--text:var(--prism-ink);--muted:var(--prism-muted)}
html body.hms-prism .account166-avatar{background:var(--prism-violet);color:#fff}
html body.hms-prism .account166-filters button[aria-pressed=true]{background:#168772;color:#fff;border-color:#168772}
html body.hms-prism :is(.employee-tabs156 button[aria-pressed=true],.gc157-tabs .selected){background:#168772;color:#fff;border-color:#168772}
html body.hms-prism.hms-hr152 #primaryNav .nav-item.active{background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line);box-shadow:none}
html body.hms-prism.hms-hr152 #primaryNav .nav-item.active .ui-icon{color:#fff}
html body.hms-prism.hms-hr152 #navigationSearch :is(label,input),html body.hms-prism.hms-hr152 #primaryNav .hr152-nav-label{color:var(--prism-muted)}
html body.hms-prism.hms-hr152 #navigationSearch input{background:var(--prism-soft);border-color:var(--prism-line)}

html body.hms-prism .hr-stat[data-prism-metric197]{cursor:pointer}html body.hms-prism .hr-stat[data-prism-metric197]:focus-visible{outline:2px solid var(--prism-emerald);outline-offset:3px}

/* UI197: the legacy property156 grid must not split the icon and selected hotel into rows. */
html[data-theme] body.hms-prism .topbar.prism-header .property-picker{display:flex!important;grid-template:none!important;padding:0!important;align-items:center!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker>.prism-property-icon{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);z-index:1}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker>.hms-select142{flex:1 1 auto;width:100%!important;min-width:0;height:40px!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker .hms-select-trigger142{display:grid!important;grid-template-columns:22px minmax(0,1fr) 22px!important;gap:0!important;height:40px!important;min-height:40px!important;padding:0 6px!important;align-items:center!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker .hms-select-label142{grid-column:2;grid-row:1;width:100%;min-width:0;align-self:center;line-height:20px!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker .hms-select-arrow142{grid-column:3;grid-row:1;justify-self:center;align-self:center;margin:0 0 4px!important}
html[data-theme] body.hms-prism .topbar.prism-header .property-picker .hms-select142>select{width:100%!important}

html body.hms-prism [data-prism-metric197]{cursor:pointer}html body.hms-prism [data-prism-metric197]:focus-visible{outline:2px solid var(--prism-emerald);outline-offset:3px}html body.hms-prism [data-prism-metric197][aria-disabled=true]{cursor:default}

/* The complete property selector, including its actual trigger, has a44px touch target. */
html[data-theme] body.hms-prism .topbar.prism-header .property-picker :is(.hms-select142,.hms-select-trigger142,select){height:44px!important;min-height:44px!important;max-height:44px!important}
/* HMS Digital Key presentation: API, lock actions and guest-facing exports are unchanged. */
html[data-theme] body.hms-prism :is(.dk-panel,.dk-dialog,.dka){--dk-ink:var(--prism-ink);--dk-muted:var(--prism-muted);--dk-gold:var(--prism-emerald);--dk-line:var(--prism-line);--dk-surface:var(--prism-surface);--dk-soft:var(--prism-soft);--dk-card:var(--prism-soft)}
html[data-theme] body.hms-prism .dka{--ink:var(--prism-ink);--muted:var(--prism-muted);--line:var(--prism-line);--surface:var(--prism-surface);--soft:var(--prism-soft);--gold:var(--prism-emerald);--good:var(--prism-emerald);--bad:#c84c42;--warn:#a87718}
html[data-theme] body.hms-prism .dk-header{background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line);border-inline-start:4px solid var(--prism-emerald)}
html[data-theme] body.hms-prism .dk-heading h2{color:var(--prism-ink)}
html[data-theme] body.hms-prism .dk-heading small{color:var(--prism-emerald)}
html[data-theme] body.hms-prism .dk-header .dk-muted{color:var(--prism-muted)}
html[data-theme] body.hms-prism .dk-header :is(.dk-button,select){background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism :is(.dk-panel,.dk-dialog) .dk-primary{background:#168772;color:#fff;border-color:#168772;box-shadow:none}
html[data-theme] body.hms-prism .dk-tab.is-selected{background:var(--prism-soft);color:var(--prism-emerald)}
html[data-theme] body.hms-prism .dk-stat.is-selected{border-color:var(--prism-emerald);background:var(--prism-soft)}
html[data-theme] body.hms-prism .dk-stat:before{background:var(--prism-teal)}
html[data-theme] body.hms-prism .dk-amber:before{background:var(--prism-amber)}
html[data-theme] body.hms-prism .dk-grey:before{background:var(--prism-slate)}
html[data-theme] body.hms-prism :is(.dk-confirm input,.dk-counter-choice.is-selected){accent-color:var(--prism-emerald)}
html[data-theme] body.hms-prism .dk-counter-choice.is-selected{background:var(--prism-soft);color:var(--prism-emerald);border-color:var(--prism-emerald);box-shadow:0 0 0 2px var(--prism-line)}
html[data-theme] body.hms-prism :is(.dk-counter-confirm,.dk-code-box){border-color:var(--prism-line);background:var(--prism-soft)}
html[data-theme] body.hms-prism .dk-activation-code{color:var(--prism-emerald)}
html[data-theme] body.hms-prism .dk-dialog::backdrop{background:#10182c80}

/* UI200: retained legacy CSS caches cannot inset the native HMS workspace. */
html[data-theme] body.hms-prism.hms-ui149:has(#nativeSignature197){padding:0}

/* UI203: shared role-navigation labels follow light/dark Prism contrast tokens. */
html body.hms-prism #primaryNav .exec-nav-group>summary{color:var(--prism-ink);min-height:44px;display:flex;align-items:center;gap:10px;line-height:1.5}
html body.hms-prism #primaryNav .exec-nav-group>summary svg{color:var(--prism-muted);flex-shrink:0}
html body.hms-prism .sidebar .navigation-search label{color:var(--prism-muted)}
html body.hms-prism .sidebar .navigation-search input{background:var(--prism-soft);border:1px solid var(--prism-line);color:var(--prism-ink);min-height:44px}
html body.hms-prism .sidebar .navigation-search input::placeholder{color:var(--prism-muted);opacity:1}
html body.hms-prism .sidebar .hr-sidebar-push{color:var(--prism-ink);border-color:var(--prism-line);background:var(--prism-soft);min-height:44px;border-radius:12px}

/* UI204: service headers keep every control inside the common header grid. */
html body.hms-prism.prism-service .prism-header :is(.topbar-actions,.top-actions,#laundryHeaderActions){grid-column:3!important;grid-row:1!important;width:auto!important;justify-self:end;align-self:center}
@media(max-width:900px){html body.hms-prism.prism-service .prism-header :is(.topbar-actions,.top-actions,#laundryHeaderActions){grid-column:1/-1!important;grid-row:2!important;width:100%!important;justify-self:stretch}}
/* Older Laundry and Valet styles inherit the same light/dark palette. */
html[data-theme] body.hms-prism.hms-service149{--page:var(--prism-canvas);--surface:var(--prism-surface);--surface-soft:var(--prism-soft);--surface-raised:var(--prism-surface);--text:var(--prism-ink);--text-soft:var(--prism-muted);--border-ui:var(--prism-line);--accent-ui:var(--prism-emerald);--blue:var(--prism-emerald)}
html[data-theme] body.hms-prism.hms-service149 :is(.primary,.tabs button.active){background:#168772;color:#fff;border:1px solid #168772;box-shadow:none;border-radius:12px;min-height:44px;line-height:1.45}
html[data-theme] body.hms-prism.hms-service149 :is(.ghost,.tabs button:not(.active)){background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line);box-shadow:none;border-radius:12px;min-height:44px;line-height:1.45}
html[data-theme] body.hms-prism.hms-service149 #newView{background:var(--prism-canvas);color:var(--prism-ink)}
html[data-theme] body.hms-prism.hms-service149 #newView :is(.panel,.catalog-row,select,textarea){background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line)!important}
html[data-theme] body.hms-prism.hms-service149 #newView :is(legend,.radio,.catalog-row strong,.form-grid>label>span){color:var(--prism-ink)!important}
html[data-theme] body.hms-prism.hms-service149 :is(.catalog-row small,.draft-footer small){color:var(--prism-muted)}
html[data-theme] body.hms-prism.hms-service149 .draft-footer{background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism.hms-service149 .stepper button{background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism.hms-service149 .stepper output{color:var(--prism-ink)}

/* UI205: Prism is present in server HTML, before deferred modules run. */
html[data-theme] body.hms-prism :is(.app-loader,.workspace-loading){background:var(--prism-canvas);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism :is(.loading-spinner,.loading-ring){border-color:var(--prism-line);border-top-color:var(--prism-emerald)}
html[data-theme] body.hms-prism .topbar:not([data-prism-header]){background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line);box-shadow:none}
html[data-theme] body.hms-prism.account166-entry{background:var(--prism-canvas);color:var(--prism-ink);padding:24px;min-height:100dvh;overflow:auto}
html[data-theme] body.hms-prism.account166-entry main{background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism.account166-entry .eyebrow{color:var(--prism-emerald)}
html[data-theme] body.hms-prism.account166-entry p{color:var(--prism-muted)}
html[data-theme] body.hms-prism #content :is(.primary-button,.tabs .active,.mhr-nav .active,.mg-tabs .active,.hr-tabs .active){background:#168772!important;color:#fff!important;border-color:#168772!important;box-shadow:none}
html[data-theme] body.hms-prism :is(.account166-banner){background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism .laundry-bell-count{background:#c84d60;color:#fff;min-width:18px;height:18px;font-size:10px;line-height:1;padding:0 4px;inset-block-start:-3px;inset-inline-end:-3px}
html[data-theme] body.hms-prism .laundry-notice{background:var(--prism-surface);color:var(--prism-ink);border-color:var(--prism-line)}
html[data-theme] body.hms-prism .laundry-notice.unread{background:color-mix(in srgb,var(--prism-emerald) 12%,var(--prism-surface));border-color:var(--prism-emerald)}

/* Website Management is an HMS tool; its preview iframe keeps the website's own design. */
html[data-theme] body.hms-prism #managementWorkspace.web-studio{--ws-bg:var(--prism-canvas);--ws-panel:var(--prism-surface);--ws-text:var(--prism-ink);--ws-muted:var(--prism-muted);--ws-line:var(--prism-line);--ws-accent:#168772;--ws-gold:var(--prism-emerald);color-scheme:inherit;min-height:0;border:1px solid var(--prism-line);border-radius:18px;overflow:hidden}
html body.hms-prism .web-studio :is(.ws-top,.ws-top-actions,.ws-toolbar,.ws-toolbar>div){flex-wrap:wrap}
html body.hms-prism .web-studio .ws-top-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.45;border-radius:12px}
html body.hms-prism .web-studio .ws-primary:hover{background:#137661;border-color:#137661}
html body.hms-prism .web-studio :is(.ws-banner,.ws-ai,.ws-chips button,.ws-badge,.ws-ai-head span,.ws-item.active,.ws-devices button[aria-pressed=true]){background:var(--prism-soft);color:var(--prism-ink);border-color:var(--prism-line)}
html body.hms-prism .web-studio :is(.ws-ai-head,.ws-ai>p,.ws-outline){color:var(--prism-ink);border-color:var(--prism-line)}
html body.hms-prism .web-studio :is(.ws-proposal,.ws-ai){border-color:var(--prism-line)}
html body.hms-prism .web-studio .ws-brand>span{font-size:0;background:transparent url('/hms/assets/villaggio-mark.png') center/contain no-repeat;flex:0 0 32px;width:32px;height:44px;border-radius:0}
html body.hms-prism .web-studio :is(button,input,select,textarea):focus-visible{outline:2px solid var(--prism-emerald);outline-offset:2px}
html body.hms-prism .web-studio .ws-status.error{background:color-mix(in srgb,#c84d60 14%,var(--prism-surface));color:var(--prism-ink);border-inline-start:4px solid #c84d60}
html body.hms-prism .web-studio :is(.ws-nav,.ws-inspector,.ws-top-actions,.ws-brand,.ws-toolbar>div){min-width:0}
html body.hms-prism .web-studio .ws-brand>div{min-width:0}
html body.hms-prism .web-studio .ws-top-actions button{white-space:normal}

/* UI206: one scrolling navigation region, existing authorized auxiliary actions. */
html body.hms-prism #sidebar .prism-nav-scroll206{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
html body.hms-prism #sidebar .prism-nav-scroll206>#primaryNav{flex:none;overflow:visible;max-height:none;height:auto;min-height:0}
html body.hms-prism #sidebar .prism-nav-utilities206{display:grid;gap:4px;margin-block:8px 12px;padding-block-start:10px;border-block-start:1px solid var(--prism-line)}
html body.hms-prism #sidebar .prism-nav-utilities206>.nav-item{display:flex;align-items:center;justify-content:flex-start!important;width:100%;min-height:50px;margin:0!important;padding:8px!important;gap:10px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--prism-ink)!important;text-align:start!important;font-size:13px!important;line-height:1.5;white-space:normal}
html body.hms-prism #sidebar .prism-nav-utilities206>.nav-item[hidden]{display:none!important}
html body.hms-prism #sidebar .prism-nav-utilities206>.nav-item:hover{background:var(--prism-soft)!important}
html body.hms-prism #sidebar .prism-nav-utilities206 .ui-icon{display:block;flex:0 0 36px;width:36px;height:36px;padding:8px;border-radius:11px;background:var(--prism-blue);color:#fff}
html body.hms-prism #sidebar .prism-nav-utilities206>.nav-item:focus-visible{outline:2px solid var(--prism-emerald);outline-offset:-2px}
/* UI206: original transparent gold wheat, subtle breathing instead of spinning logo. */
@keyframes prism-wheat206{0%,100%{transform:translateY(0) scale(.96);opacity:.72}50%{transform:translateY(-4px) scale(1);opacity:1}}
html[data-theme] body.hms-prism :is(.loading-ring,.loading-spinner){display:inline-block;width:56px;height:72px;flex:0 0 56px;border:0!important;border-radius:0;background:url('/hms/assets/villaggio-mark.png') center/contain no-repeat!important;box-shadow:none!important;animation:prism-wheat206 1.8s ease-in-out infinite!important}
html[data-theme] body.hms-prism .loading-state:has(.loading-ring){gap:18px;color:var(--prism-muted)}
html[data-theme] body.hms-prism .app-loader:has(#retryBootstrapBtn:not(.hidden)) .loading-spinner{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-theme] body.hms-prism :is(.loading-ring,.loading-spinner){animation:none!important;opacity:1;transform:none}}