/* Demo chrome only. Tenant installations retain their own interface and data. */
html[data-public-demo=true]{--demo-bar-height:60px;scroll-padding-top:var(--demo-bar-height)}
html[data-public-demo=true] body{padding-top:var(--demo-bar-height)!important;background-color:#f5f7fb!important}
.codex-demo-bar{position:fixed;z-index:1000;inset:0 0 auto;box-sizing:border-box;display:flex;align-items:center;gap:24px;min-height:60px;padding:8px 22px;color:#19314d;background:rgba(242,247,255,.72);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 2px 18px #18324c0b;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);font:12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.codex-demo-bar *{box-sizing:border-box}.codex-demo-bar a{color:inherit;text-decoration:none}
.demo-wordmark{font-size:17px;font-weight:750;letter-spacing:-.6px;white-space:nowrap;display:flex;align-items:center;gap:8px}
.demo-wordmark b{font-size:8px;font-weight:750;letter-spacing:1px;background:#fff8;border:1px solid #bacce55c;border-radius:5px;padding:3px 5px;color:#58718d}
.codex-demo-bar nav{display:flex;gap:3px;min-width:0;align-items:center}
.codex-demo-bar nav a{display:flex;align-items:center;min-height:40px;border-radius:10px;padding:8px 12px;font-weight:600;white-space:nowrap;color:#52657d;transition:background .15s,color .15s}
.codex-demo-bar nav a:hover{background:#fff8;color:#125fc7}.codex-demo-bar nav a[aria-current=page]{background:#fff9;color:#115cbd;box-shadow:0 1px 6px #18324c0b}
.demo-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.demo-buy{display:inline-flex;align-items:center;gap:12px;background:#0866ee;color:white!important;padding:10px 14px;border-radius:12px;font-weight:650;white-space:nowrap;box-shadow:inset 0 1px 1px #ffffff45}
.demo-info{position:relative}.demo-info summary{display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid #708cac40;border-radius:50%;width:32px;height:32px;color:#5f7590;font:italic 17px Georgia,serif;background:#ffffff60}.demo-info summary::-webkit-details-marker{display:none}
.demo-info-panel{position:absolute;top:calc(100% + 14px);right:0;width:286px;padding:20px;border:1px solid #e0e7ef;border-radius:18px;background:#f8fbff;box-shadow:0 16px 45px #1a335028;color:#40546e;font-size:13px}.demo-info-panel strong{font-size:15px;color:#183654}.demo-info-panel p{margin:10px 0;line-height:1.5}.demo-info-panel small{display:block;font-size:11px;line-height:1.65;color:#6e7e91}
.codex-demo-bar :is(a,summary):focus-visible{outline:3px solid #438cff;outline-offset:3px}
/* Fixed screens live below the tour bar; drawers and their close controls stay visible. */
html[data-public-demo=true] :is(.cq-root,.cms-metrics.cm-compact,.cxc-page,.rk-full){top:var(--demo-bar-height)!important;height:calc(100dvh - var(--demo-bar-height))!important;max-height:calc(100dvh - var(--demo-bar-height))!important}
html[data-public-demo=true] .cu-drawer-layer{top:var(--demo-bar-height)!important;height:calc(100dvh - var(--demo-bar-height))!important}
html[data-public-demo=true] .cu-drawer-head{padding-top:15px!important}
html[data-public-demo=true] .cms-catalog-safe-bottom>header{top:var(--demo-bar-height)!important}
/* Temporarily remove the camera fitting entry from the public clothing demo. */
html[data-public-demo=true] button[aria-label="Abrir probador virtual con cámara de este dispositivo"]{display:none!important}
/* Currency and brand labels fit their actual cards, including mobile screens. */
html[data-public-demo=true] .admin-dashboard-shell .admin-hero{display:block!important}
html[data-public-demo=true] .admin-dashboard-shell :is(.admin-brand-row,.admin-dashboard-kpi-row){width:100%;min-width:0}
html[data-public-demo=true] .admin-dashboard-shell .admin-kpi-card{container-type:inline-size}
html[data-public-demo=true] .admin-dashboard-shell .admin-kpi-value{font-size:clamp(16px,11cqi,28px)!important;line-height:1.2!important;max-width:100%;letter-spacing:-.035em!important}
html[data-public-demo=true] .admin-dashboard-shell .admin-kpi-label{line-height:1.35!important}
html[data-public-demo=true] .admin-dashboard-shell :is(.admin-brand-name,.admin-brand-subtitle,.admin-brand-tagline){white-space:normal!important;overflow-wrap:anywhere;line-height:1.2!important}
@media(max-width:1100px){.codex-demo-bar{gap:12px;padding:8px 14px}.codex-demo-bar nav a{padding:8px 9px}.demo-wordmark{font-size:15px}.demo-tools{gap:8px}.demo-buy{font-size:11px;padding:10px 12px}html[data-public-demo=true] .admin-dashboard-shell .admin-dashboard-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){html[data-public-demo=true]{--demo-bar-height:108px}.codex-demo-bar{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:8px 12px 6px;padding-top:calc(8px + env(safe-area-inset-top,0px));min-height:0}.demo-wordmark{font-size:15px;gap:6px}.demo-tools{gap:10px}.demo-buy{font-size:10px;padding:10px 11px;gap:6px;min-height:38px}.demo-info summary{width:30px;height:30px}.codex-demo-bar nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.15fr .85fr 1.25fr;gap:3px}.codex-demo-bar nav a{font-size:11px;justify-content:center;min-height:40px;padding:7px 5px}.demo-info-panel{position:fixed;top:calc(var(--demo-bar-height) + 8px);right:12px;width:min(286px,calc(100vw - 24px))}html[data-public-demo=true] .admin-dashboard-shell .admin-dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-public-demo=true] .admin-dashboard-shell .admin-kpi-spark{width:34px;flex-basis:34px}}
@media(prefers-reduced-transparency:reduce){.codex-demo-bar{background:#f2f6fc}}
@media(prefers-reduced-motion:reduce){.codex-demo-bar *{transition:none!important}}
@media print{.codex-demo-bar{display:none!important}html[data-public-demo=true] body{padding-top:0!important}}