/* CORE live demo (product page /core). Every selector is scoped to .core-demo.
   Section chrome uses the site tokens; the window uses CORE's own dark tokens
   (tano-core src/app/globals.css, DESIGN.md v6–v8). */
.core-demo{background:var(--bg);border-bottom:1px solid var(--line);color:var(--text);padding:clamp(56px,8vw,112px) 0}
.core-demo__wrap{margin-inline:auto;width:min(calc(100% - 64px),1200px)}
.core-demo__head{max-width:760px}
.core-demo__eyebrow{color:var(--accent-legible);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;line-height:1.4;margin-bottom:18px;text-transform:uppercase}
.core-demo__eyebrow::before{background:var(--accent);content:"";display:inline-block;height:7px;margin:0 10px 1px 0;width:7px}
.core-demo__head h2{font-size:clamp(2.2rem,5vw,4rem);line-height:.95}
.core-demo__lead{color:var(--muted-legible);font-size:clamp(1rem,1.4vw,1.15rem);margin-top:18px}
/* Moves */
.core-demo__moves{display:grid;gap:0 12px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(32px,4vw,48px)}
.core-demo__move{align-items:baseline;background:none;border:0;border-top:1px solid var(--line-strong);color:var(--muted-legible);cursor:pointer;display:flex;font:inherit;gap:10px;padding:14px 2px 6px;position:relative;text-align:left;transition:color .14s ease;width:100%}
.core-demo__move::before{background:var(--accent);content:"";height:2px;left:0;position:absolute;right:0;top:-1px;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-out)}
.core-demo__move:hover,.core-demo__move[aria-current="step"]{color:var(--text)}
.core-demo__move[aria-current="step"]::before{transform:scaleX(1)}
.core-demo__n{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}
.core-demo__move[aria-current="step"] .core-demo__n{color:var(--accent-legible)}
.core-demo__t{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo__status{align-items:flex-start;display:flex;gap:16px;margin:18px 0 20px;min-height:3.2em}
.core-demo__play{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-flex;flex-shrink:0;font:500 .82rem/1 var(--font-body);gap:8px;height:36px;padding:0 14px;transition:border-color .14s ease,background-color .14s ease}
.core-demo__play:hover{border-color:var(--text)}
.core-demo__play .cd-ic{fill:currentColor;height:12px;stroke:none;width:12px}
.core-demo__play .core-demo__si,.core-demo__play[aria-pressed="true"] .core-demo__pi{display:none}
.core-demo__play[aria-pressed="true"] .core-demo__si{display:block}
.core-demo__live{color:var(--muted-legible);font-size:.95rem;line-height:1.5;max-width:820px;padding-top:6px}
.core-demo__live strong{color:var(--text);font-weight:600}
.core-demo__num{color:var(--accent-legible);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;margin-right:6px}
.core-demo__note{color:var(--muted-legible);font-size:.88rem;margin-top:16px;max-width:760px}
.core-demo .cd-sprite{height:0;overflow:hidden;position:absolute;width:0}

/* ─── The window ──────────────────────────────────────────────────────────── */
.core-demo__frame{--cd-bg:#0b0b0c;--cd-raised:#17171a;--cd-fg:#f2f2f3;--cd-muted:#9d9da6;--cd-subtle:#83838b;--cd-accent:#f97316;--cd-accent-soft:#fb923c;/* Primary buttons:CORE uses white on #f97316 (2.8:1). Deepened to reach 4.9:1. */ --cd-primary: #c4480c;--cd-success:#57ab5a;--cd-info:#539bf5;--cd-line:rgba(255,255,255,.07);--cd-line-strong:rgba(255,255,255,.13);--cd-panel:rgba(255,255,255,.035);--cd-panel-border:rgba(255,255,255,.08);--cd-ease:cubic-bezier(.22,.61,.36,1);background:var(--cd-bg);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 40px 90px -40px rgba(0,0,0,.7);color:var(--cd-fg);color-scheme:dark;container:cdwin / inline-size;font-family:var(--font-body);font-size:14px;height:720px;letter-spacing:normal;line-height:1.45;overflow:hidden;position:relative}
.core-demo__frame h3,.core-demo__frame h4,.core-demo__frame h5{font-family:var(--font-body);letter-spacing:normal;line-height:1.3}
.core-demo__frame button{-webkit-appearance:none;appearance:none;font:inherit}
.core-demo__frame :focus-visible{border-radius:8px;outline:2px solid var(--cd-accent);outline-offset:2px}
.core-demo .cd-ic{fill:none;flex-shrink:0;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}
.core-demo .cd-logo{flex-shrink:0;height:24px;width:24px}
.core-demo .cd-bar{align-items:center;background:#0e0e10;border-bottom:1px solid var(--cd-line);display:flex;height:32px;padding:0 12px}
.core-demo .cd-bar__dots{display:flex;gap:6px;width:52px}
.core-demo .cd-bar__dots i{background:#2b2b30;border-radius:50%;height:10px;width:10px}
.core-demo .cd-bar__label{color:var(--cd-subtle);flex:1;font-size:12px;overflow:hidden;padding-right:52px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-app{background:radial-gradient(60% 50% at 88% 0%,rgba(249,115,22,.06),transparent 60%),radial-gradient(50% 45% at 8% 100%,rgba(120,140,255,.04),transparent 60%),var(--cd-bg);display:flex;height:calc(100% - 33px)}
.core-demo .cd-main{display:flex;flex:1;flex-direction:column;min-width:0}
.core-demo .cd-views{flex:1;min-height:0;position:relative}
.core-demo .cd-screen{inset:0;opacity:0;overflow:hidden;position:absolute;transform:translateY(8px);transition:opacity .22s var(--cd-ease),transform .22s var(--cd-ease),visibility 0s linear .22s;visibility:hidden}
.core-demo .cd-screen.is-active{opacity:1;transform:none;transition-delay:0s;visibility:visible}
.core-demo .cd-page,.core-demo .cd-bpage{height:100%;overflow:auto;overscroll-behavior:contain;padding:24px 32px 32px;scrollbar-color:rgba(255,255,255,.14) transparent;scrollbar-width:thin}
.core-demo .cd-page--portal{padding-inline:max(24px,calc((100% - 880px) / 2))}
.core-demo__frame [data-only]:not([hidden]){animation:cd-in .22s var(--cd-ease) both}
@keyframes cd-in{from{opacity:0;transform:translateY(4px)}}
@keyframes cd-pop{0%{opacity:0;transform:scale(.96)}100%{opacity:1;transform:none}}
@keyframes cd-toast{from{opacity:0;transform:translateX(16px)}}

/* ─── Sidebar v8: floating rail, 240px ────────────────────────────────────── */
.core-demo .cd-side{background:rgba(16,16,20,.5);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.4),0 30px 70px -30px rgba(0,0,0,.75),0 2px 10px rgba(0,0,0,.3);display:none;flex:0 0 240px;flex-direction:column;margin:12px 0 12px 12px;overflow:hidden;position:relative}
.core-demo .cd-side::before{background:radial-gradient(120% 70% at 18% -8%,rgba(255,255,255,.11),transparent 55%),radial-gradient(70% 45% at 105% 110%,rgba(249,115,22,.08),transparent 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}
.core-demo__frame[data-shell="admin"] .cd-side{display:flex}
.core-demo .cd-side__head{align-items:center;display:flex;justify-content:space-between;padding:16px 12px 12px 20px}
.core-demo .cd-brand{align-items:center;display:flex;gap:10px}
.core-demo .cd-brand__word{font-size:13px;font-weight:600;letter-spacing:.08em}
.core-demo .cd-side__btns{display:flex;gap:4px}
.core-demo .cd-railbtn,.core-demo .cd-plus,.core-demo .cd-iconbtn{align-items:center;border:1px solid var(--cd-line);border-radius:7px;color:var(--cd-subtle);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.core-demo .cd-iconbtn{border-color:transparent;border-radius:8px;height:32px;width:32px}
.core-demo .cd-iconbtn .cd-ic{height:18px;width:18px}
.core-demo .cd-ws{align-items:center;display:flex;gap:10px;margin:0 12px 8px;padding:6px 8px}
.core-demo .cd-ws__mark{align-items:center;background:var(--cd-raised);border:1px solid var(--cd-line-strong);border-radius:8px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}
.core-demo .cd-ws__text{display:flex;flex:1;flex-direction:column;min-width:0}
.core-demo .cd-ws__name,.core-demo .cd-person__name{font-size:13px;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-ws__role{color:var(--cd-subtle);font-size:11px;line-height:1.25}
.core-demo .cd-ws__chev{color:var(--cd-subtle);height:14px;width:14px}
.core-demo .cd-searchrow{display:flex;gap:6px;padding:0 12px 12px}
.core-demo .cd-search{align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--cd-line);border-radius:8px;color:var(--cd-subtle);display:flex;flex:1;font-size:13px;gap:10px;height:34px;min-width:0;padding:0 10px}
.core-demo .cd-plus{border-radius:8px;height:34px;width:34px}
.core-demo .cd-kbd{background:var(--cd-raised);border:1px solid var(--cd-line-strong);border-bottom-width:2px;border-radius:5px;color:var(--cd-muted);font-family:inherit;font-size:11px;margin-left:auto;padding:0 5px}
.core-demo .cd-nav{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 12px 12px;scrollbar-width:none}
.core-demo .cd-group + .cd-group{margin-top:8px}
.core-demo .cd-ghead{align-items:center;color:var(--cd-subtle);display:flex;font-size:12.5px;font-weight:500;gap:4px;height:28px;margin-bottom:2px;padding:0 8px}
.core-demo .cd-ghead .cd-ic{height:14px;width:14px}
.core-demo .cd-items{display:flex;flex-direction:column;gap:1px}
.core-demo .cd-item{align-items:center;border-radius:8px;color:var(--cd-muted);display:flex;font-size:13.5px;gap:10px;height:32px;padding:0 8px;position:relative;white-space:nowrap}
.core-demo .cd-item > .cd-ic:first-child{color:var(--cd-subtle);height:18px;width:18px}
.core-demo .cd-item__t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.core-demo .cd-item.is-active{background:rgba(255,255,255,.07);color:var(--cd-fg);font-weight:500}
.core-demo .cd-item.is-active > .cd-ic:first-child{color:var(--cd-accent)}
.core-demo .cd-count{color:var(--cd-muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;margin-left:auto}
.core-demo .cd-item__chev{color:var(--cd-subtle);height:14px;margin-left:auto;transition:transform .2s var(--cd-ease);width:14px}
.core-demo li.is-open > .cd-item .cd-item__chev{transform:rotate(180deg)}
.core-demo .cd-tree{display:none;margin:4px 0 4px 17px;padding-left:12px;position:relative}
.core-demo .cd-tree::before{background:var(--cd-line-strong);bottom:14px;content:"";left:0;position:absolute;top:-4px;width:1px}
.core-demo li.is-open > .cd-tree{display:block}
.core-demo .cd-tree li{position:relative}
.core-demo .cd-tree li::before{border-bottom:1px solid var(--cd-line-strong);border-bottom-left-radius:7px;border-left:1px solid var(--cd-line-strong);content:"";height:15px;left:-12px;position:absolute;top:0;width:10px}
.core-demo .cd-titem{border-radius:8px;color:var(--cd-muted);display:block;font-size:13px;height:30px;line-height:30px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-titem.is-active{background:rgba(255,255,255,.05);color:var(--cd-fg);font-weight:500}
.core-demo .cd-side__foot{border-top:1px solid rgba(255,255,255,.042);padding:8px 12px 12px}
.core-demo .cd-person{align-items:center;border-top:1px solid rgba(255,255,255,.056);display:flex;gap:6px;margin-top:8px;padding-top:12px}
.core-demo .cd-person__card{align-items:center;border:1px solid var(--cd-line);border-radius:10px;display:flex;flex:1;gap:10px;min-width:0;padding:6px 8px}
.core-demo .cd-person__t{display:flex;flex-direction:column;min-width:0}
.core-demo .cd-person__mail{color:var(--cd-subtle);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-avatar{align-items:center;background:var(--cd-raised);border:1px solid var(--cd-line-strong);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:32px;justify-content:center;width:32px}
.core-demo .cd-avatar--sm{font-size:10px;height:28px;width:28px}

/* ─── Top bars: mobile admin, portal ─────────────────────────────────────── */
.core-demo .cd-mtop,.core-demo .cd-ptop{align-items:center;background:rgba(13,13,15,.56);border-bottom:1px solid var(--cd-line);display:none;flex-shrink:0;gap:10px;height:48px;padding:0 12px}
.core-demo .cd-mtop__name,.core-demo .cd-ptop__name{font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-mtop__icons,.core-demo .cd-ptop__right{align-items:center;color:var(--cd-muted);display:flex;gap:2px;margin-left:auto}
.core-demo__frame[data-shell="portal"] .cd-ptop{display:flex;padding:0 20px}
.core-demo .cd-ptop__brand{align-items:center;display:flex;flex-shrink:0;gap:10px}
.core-demo .cd-pnav{display:flex;gap:4px;margin-left:8px;min-width:0;overflow-x:auto;scrollbar-width:none}
.core-demo .cd-pitem{border-radius:8px;color:var(--cd-muted);display:block;font-size:13px;font-weight:500;height:30px;line-height:30px;padding:0 8px;position:relative;white-space:nowrap}
.core-demo .cd-pitem.is-active{color:var(--cd-fg)}
.core-demo .cd-pitem.is-active::before{background:var(--cd-accent);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:14px}

/* ─── Shared building blocks ─────────────────────────────────────────────── */
.core-demo .cd-ph{margin-bottom:20px}
.core-demo .cd-ph__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}
.core-demo .cd-page--portal .cd-ph__row{justify-content:flex-start}
.core-demo .cd-h{font-size:18px;font-weight:600;letter-spacing:-.01em;min-width:0}
.core-demo .cd-h4{font-size:14px;font-weight:500;margin-bottom:4px}
.core-demo .cd-ph__desc{color:var(--cd-muted);font-size:13px;margin-top:4px}
.core-demo .cd-ph__act,.core-demo .cd-btns{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.core-demo .cd-btns--end{justify-content:flex-end;margin-top:18px}
.core-demo .cd-label{color:var(--cd-subtle);font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}
.core-demo .cd-panel{background:var(--cd-panel);border:1px solid var(--cd-panel-border);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.core-demo .cd-pad{padding:16px}
.core-demo .cd-mb{margin-bottom:12px}
.core-demo .cd-sub{color:var(--cd-subtle);display:block;font-size:12px}
.core-demo .cd-btn{align-items:center;background:transparent;border:1px solid var(--cd-line-strong);border-radius:8px;color:var(--cd-fg);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;height:32px;padding:0 12px;white-space:nowrap}
.core-demo .cd-btn .cd-ic{height:14px;width:14px}
.core-demo .cd-btn--icon{justify-content:center;padding:0;width:32px}
.core-demo .cd-btn--sm{font-size:12px;height:28px;padding:0 10px}
.core-demo .cd-btn--lg{height:36px;padding:0 16px}
.core-demo .cd-btn--ghost{border-color:transparent;color:var(--cd-muted)}
.core-demo .cd-btn--primary{background:var(--cd-primary);border-color:rgba(255,255,255,.08);box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.16);color:#fff}
.core-demo button.cd-btn{cursor:pointer;transition:background-color .14s var(--cd-ease),border-color .14s var(--cd-ease),transform .14s var(--cd-ease)}
.core-demo button.cd-btn:hover{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.22)}
.core-demo button.cd-btn--primary:hover{background-color:#b5420b;transform:translateY(-.5px)}
.core-demo .cd-chip{align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--cd-line-strong);border-radius:6px;color:var(--cd-muted);display:inline-flex;font-size:11px;font-weight:500;gap:4px;line-height:1.4;padding:1px 6px;white-space:nowrap}
.core-demo .cd-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}
.core-demo .cd-dot--accent{background:var(--cd-accent)}
.core-demo .cd-dot--info{background:var(--cd-info)}
.core-demo .cd-dot--ok{background:var(--cd-success)}
.core-demo .cd-dotlabel{align-items:center;color:var(--cd-muted);display:inline-flex;font-size:12px;font-weight:500;gap:6px}
.core-demo .cd-input{align-items:center;background:rgba(10,10,12,.6);border:1px solid var(--cd-line-strong);border-radius:8px;color:var(--cd-fg);display:flex;font-size:13px;gap:8px;height:36px;min-width:0;overflow:hidden;padding:0 10px;white-space:nowrap}
.core-demo .cd-input--search{color:var(--cd-subtle);height:32px;width:224px}
.core-demo .cd-input--search .cd-ic{height:14px;width:14px}
.core-demo .cd-field{display:block;margin-bottom:12px}
.core-demo .cd-field > span:first-child{color:var(--cd-muted);display:block;font-size:12px;font-weight:500;margin-bottom:4px}
.core-demo .cd-back{color:var(--cd-muted);font-size:13px;margin-bottom:12px}
.core-demo .cd-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.core-demo .cd-toolbar--split{justify-content:space-between}
.core-demo .cd-toolbar__end{margin-left:auto}
.core-demo .cd-hot{cursor:pointer}
/* Inbox */
.core-demo .cd-fchips{display:flex;gap:4px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}
.core-demo .cd-fchips--last{align-items:center;margin-bottom:16px}
.core-demo .cd-fchip{align-items:center;border-radius:8px;color:var(--cd-muted);display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;white-space:nowrap}
.core-demo .cd-fchip .cd-ic{height:14px;width:14px}
.core-demo .cd-fchip.is-active{background:rgba(255,255,255,.06);color:var(--cd-fg);font-weight:500}
.core-demo .cd-fchip__n{color:var(--cd-accent-soft);font-size:12px;font-variant-numeric:tabular-nums}
.core-demo .cd-vsep{background:var(--cd-line);flex-shrink:0;height:20px;margin:0 4px;width:1px}
.core-demo .cd-ilist li + li,.core-demo .cd-news li + li{border-top:1px solid var(--cd-line)}
.core-demo .cd-irow{align-items:flex-start;background:none;border:0;border-radius:13px;color:inherit;display:flex;gap:12px;padding:10px 14px;text-align:left;width:100%}
.core-demo button.cd-irow:hover{background:rgba(255,255,255,.03)}
.core-demo .cd-irow__dot{border-radius:50%;flex-shrink:0;height:6px;margin-top:7px;width:6px}
.core-demo .cd-irow__dot.is-unread{background:var(--cd-accent)}
.core-demo .cd-irow__ic{color:var(--cd-muted);margin-top:2px}
.core-demo .cd-irow__body{display:flex;flex:1;flex-direction:column;min-width:0}
.core-demo .cd-irow__title,.core-demo .cd-irow__prev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-irow__title{color:var(--cd-muted);font-size:13px}
.core-demo .cd-irow.is-unread .cd-irow__title{color:var(--cd-fg);font-weight:500}
.core-demo .cd-irow__prev,.core-demo .cd-irow__meta,.core-demo .cd-irow__when{color:var(--cd-subtle);font-size:12px}
.core-demo .cd-irow__meta{margin-top:2px}
.core-demo .cd-irow__side{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}
.core-demo .cd-st{font-size:12px;font-weight:500}
.core-demo .cd-st--new{color:var(--cd-accent-soft)}
.core-demo .cd-st--open{color:var(--cd-info)}
/* Submission detail */
.core-demo .cd-statusrow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}
.core-demo .cd-statusrow .cd-dotlabel{color:var(--cd-fg);font-size:13px}
.core-demo .cd-reply{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;padding:12px 16px}
.core-demo .cd-reply .cd-label{margin:0}
.core-demo .cd-subgrid{display:grid;gap:20px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.core-demo .cd-aside{display:flex;flex-direction:column;gap:20px}
.core-demo .cd-dl__row{display:grid;font-size:13px;gap:12px;grid-template-columns:9rem minmax(0,1fr);padding:6px 0}
.core-demo .cd-dl--narrow .cd-dl__row{grid-template-columns:6.5rem minmax(0,1fr)}
.core-demo .cd-dl__row + .cd-dl__row{border-top:1px solid var(--cd-line)}
.core-demo .cd-dl dt{color:var(--cd-muted)}
.core-demo .cd-dl dd{overflow-wrap:anywhere}
.core-demo .cd-files li{align-items:center;display:flex;gap:12px}
.core-demo .cd-files li + li{margin-top:8px}
.core-demo .cd-thumb{align-items:center;background:var(--cd-raised);border:1px solid var(--cd-line);border-radius:8px;color:var(--cd-subtle);display:inline-flex;flex-shrink:0;height:56px;justify-content:center;width:56px}
.core-demo .cd-thumb .cd-ic{height:20px;width:20px}
.core-demo .cd-file{min-width:0}
.core-demo .cd-link{color:var(--cd-accent);overflow-wrap:anywhere}
/* Pipeline */
.core-demo .cd-board{align-items:flex-start;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-color:rgba(255,255,255,.14) transparent;scrollbar-width:thin}
.core-demo .cd-col{flex:0 0 208px;min-width:0}
.core-demo .cd-col__h{align-items:center;display:flex;gap:8px;margin-bottom:8px;padding:0 4px}
.core-demo .cd-col__h .cd-dot{height:8px;width:8px}
.core-demo .cd-col__name{font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-col__sum{color:var(--cd-subtle);flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;margin-left:auto}
.core-demo .cd-col__body{background:rgba(255,255,255,.02);border-radius:14px;display:flex;flex-direction:column;gap:6px;min-height:176px;padding:6px}
.core-demo .cd-col__empty{color:var(--cd-subtle);font-size:12px;padding:24px 8px;text-align:center}
.core-demo .cd-col__body:has(.cd-deal) .cd-col__empty{display:none}
.core-demo .cd-deal{background:var(--cd-panel);border:1px solid var(--cd-panel-border);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:inherit;display:block;padding:10px;text-align:left;width:100%}
.core-demo .cd-deal__t{display:block;font-size:13px;font-weight:500;line-height:1.35}
.core-demo .cd-deal__c{color:var(--cd-muted);display:block;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-deal__v{color:var(--cd-muted);display:block;font-size:12px;font-variant-numeric:tabular-nums;margin-top:6px}
.core-demo .cd-deal--main{border-color:rgba(249,115,22,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 3px rgba(249,115,22,.14);transition:border-color .22s var(--cd-ease),box-shadow .22s var(--cd-ease)}
.core-demo .cd-deal--main:hover{border-color:rgba(249,115,22,.75)}
.core-demo .cd-deal--main.is-on{border-color:var(--cd-panel-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);cursor:default}
.core-demo .cd-deal.is-arrived{animation:cd-pop .42s var(--cd-ease)}
/* Booking page (public) */
.core-demo .cd-bpage__brand{align-items:center;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:center;margin-bottom:16px}
.core-demo .cd-bcard{margin:0 auto;max-width:780px}
.core-demo .cd-bcard__head{align-items:center;border-bottom:1px solid var(--cd-line);display:flex;flex-wrap:wrap;gap:6px 10px;padding:18px 24px}
.core-demo .cd-bcard__head .cd-sub{width:100%}
.core-demo .cd-bcard__body{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:20px 24px 24px}
.core-demo .cd-month__nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}
.core-demo .cd-month__name{font-size:14px;font-weight:500}
.core-demo .cd-month__grid{display:grid;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.core-demo .cd-wd{color:var(--cd-subtle);font-size:11px;font-weight:500;letter-spacing:.06em;padding:4px 0;text-transform:uppercase}
.core-demo .cd-day{align-items:center;border:1px solid transparent;border-radius:8px;color:var(--cd-subtle);display:flex;font-size:13px;font-variant-numeric:tabular-nums;height:34px;justify-content:center;position:relative}
.core-demo .cd-day.is-free{background:rgba(255,255,255,.04);border-color:var(--cd-line);color:var(--cd-fg)}
.core-demo .cd-day.is-free::after{background:var(--cd-accent);border-radius:50%;bottom:3px;content:"";height:4px;position:absolute;width:4px}
.core-demo .cd-day.is-picked{background:var(--cd-primary);border-color:transparent;color:#fff;font-weight:600}
.core-demo .cd-day.is-picked::after{background:#fff}
.core-demo .cd-times__day{font-size:14px;font-weight:500;margin-bottom:12px}
.core-demo .cd-slots{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.core-demo .cd-slot{background:transparent;border:1px solid var(--cd-line-strong);border-radius:8px;color:var(--cd-fg);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;height:36px;transition:border-color .14s var(--cd-ease),background-color .14s var(--cd-ease)}
.core-demo .cd-slot:hover{background:rgba(255,255,255,.05);border-color:var(--cd-accent)}
.core-demo .cd-bform__top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}
.core-demo .cd-bform__top .cd-label{margin:0}
.core-demo .cd-bform__slot{font-size:12px;margin-bottom:14px;padding:3px 8px}
/* Calendar week */
.core-demo .cd-tabs{border-bottom:1px solid var(--cd-line);display:flex;gap:16px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}
.core-demo .cd-tab{color:var(--cd-muted);font-size:13px;padding:0 2px 8px;position:relative;white-space:nowrap}
.core-demo .cd-tab.is-active{color:var(--cd-fg);font-weight:500}
.core-demo .cd-tab.is-active::after{background:var(--cd-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}
.core-demo .cd-wk__range{color:var(--cd-muted);font-size:13px;font-weight:500}
.core-demo .cd-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden}
.core-demo .cd-wk__day{min-width:0}
.core-demo .cd-wk__day + .cd-wk__day{border-left:1px solid var(--cd-line)}
.core-demo .cd-wk__h{border-bottom:1px solid var(--cd-line);color:var(--cd-subtle);font-size:11px;font-weight:500;letter-spacing:.06em;overflow:hidden;padding:8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.core-demo .cd-wk__day.is-today .cd-wk__h{color:var(--cd-accent)}
.core-demo .cd-wk__body{display:flex;flex-direction:column;gap:6px;min-height:288px;padding:6px}
.core-demo .cd-wk__day.is-today .cd-wk__body{background:rgba(255,255,255,.015)}
.core-demo .cd-bk,.core-demo .cd-gk{border-radius:4px;min-width:0;padding:6px 8px}
.core-demo .cd-bk{background:var(--cd-raised);border-left:2px solid}
.core-demo .cd-gk{border:1px dashed var(--cd-line-strong)}
.core-demo .cd-bk__time{color:var(--cd-muted);font-size:11px;font-variant-numeric:tabular-nums}
.core-demo .cd-gk .cd-bk__time{color:var(--cd-subtle)}
.core-demo .cd-bk__name,.core-demo .cd-gk__t{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-bk__name{font-weight:500}
.core-demo .cd-gk__t{color:var(--cd-muted)}
.core-demo .cd-bk__type{color:var(--cd-subtle);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.core-demo .cd-bk--new{box-shadow:0 0 0 1px rgba(249,115,22,.45)}
.core-demo .cd-bk--new.is-on{animation:cd-pop .42s var(--cd-ease) .12s both}
/* Contract in the portal */
.core-demo .cd-cgrid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.core-demo .cd-doc h5{font-size:13px;font-weight:600;margin:14px 0 0}
.core-demo .cd-doc h5:first-child{margin-top:0}
.core-demo .cd-doc p{color:var(--cd-muted);font-size:13px;line-height:1.6;margin-top:2px}
.core-demo .cd-sigpad{background:#fff;border:1px solid var(--cd-line-strong);border-radius:8px;cursor:pointer;display:block;height:104px;padding:6px;width:100%}
.core-demo .cd-sigpad svg,.core-demo .cd-receipt__sig{display:block;fill:none;height:100%;stroke-linecap:round;stroke-linejoin:round;width:100%}
.core-demo .cd-sigpad path{stroke:#1d2740;stroke-dasharray:1;stroke-dashoffset:1;stroke-width:2.4;transition:stroke-dashoffset .9s var(--cd-ease)}
.core-demo .cd-sigpad.is-on path{stroke-dashoffset:0}
.core-demo .cd-padfoot{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}
.core-demo .cd-check{align-items:center;display:flex;font-size:13px;gap:8px;margin:4px 0 16px}
.core-demo .cd-check__box{align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:background-color .14s var(--cd-ease);width:16px}
.core-demo .cd-check__box .cd-ic{height:12px;opacity:0;stroke-width:3;width:12px}
.core-demo .cd-check.is-on .cd-check__box{background:var(--cd-primary);border-color:var(--cd-primary)}
.core-demo .cd-check.is-on .cd-check__box .cd-ic{opacity:1}
.core-demo .cd-receipt{align-items:center;display:flex;flex-direction:column;gap:4px;padding:12px 0 4px;text-align:center}
.core-demo .cd-receipt__ic{color:var(--cd-success);height:24px;margin-bottom:4px;width:24px}
.core-demo .cd-receipt__sig{height:56px;margin-top:10px;max-width:200px;stroke:var(--cd-muted);stroke-width:2.4}
/* Portal home */
.core-demo .cd-news{margin-bottom:24px}
.core-demo .cd-news li{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}
.core-demo .cd-news__k{display:block;font-size:13px}
.core-demo .cd-news time{flex-shrink:0;font-variant-numeric:tabular-nums}
.core-demo .cd-tiles{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.core-demo .cd-tile{align-items:center;display:flex;gap:12px;padding:16px}
.core-demo .cd-tile__ic{align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--cd-line);border-radius:50%;color:var(--cd-accent);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}
.core-demo .cd-tile__t{display:flex;flex:1;flex-direction:column;min-width:0}
.core-demo .cd-tile__name{font-size:14px;font-weight:600}
.core-demo .cd-tile__arr{color:var(--cd-subtle)}
/* Reviews */
.core-demo .cd-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}
.core-demo .cd-stat{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px}
.core-demo .cd-stat__l{color:var(--cd-muted);font-size:12px}
.core-demo .cd-stat__v{font-size:22px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:4px}
.core-demo .cd-tablewrap{overflow-x:auto;padding:14px 0 4px}
.core-demo .cd-pad-x{padding:0 16px}
.core-demo .cd-table{border-collapse:collapse;font-size:13px;width:100%}
.core-demo .cd-table th{color:var(--cd-subtle);font-size:11px;font-weight:500;letter-spacing:.06em;padding:8px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}
.core-demo .cd-table td{border-top:1px solid var(--cd-line);height:40px;padding:6px 16px}
.core-demo .cd-strong{font-weight:500;white-space:nowrap}
.core-demo .cd-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.core-demo .cd-muted{color:var(--cd-muted)}
.core-demo .cd-newrow td{background:rgba(249,115,22,.05)}
.core-demo .cd-scrim{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:5}
.core-demo .cd-scrim[hidden]{display:none}
.core-demo .cd-dialog{animation:cd-pop .22s var(--cd-ease) both;background:#161619;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);max-width:440px;padding:20px;width:100%}
.core-demo .cd-dialog .cd-h4{font-size:15px;font-weight:600}
.core-demo .cd-seg{border:1px solid var(--cd-line-strong);border-radius:8px;display:inline-flex;gap:2px;padding:2px}
.core-demo .cd-seg__o{border-radius:6px;color:var(--cd-muted);font-size:13px;padding:5px 10px}
.core-demo .cd-seg__o.is-active{background:rgba(255,255,255,.08);color:var(--cd-fg);font-weight:500}
.core-demo .cd-toast{align-items:center;background:#161619;border:1px solid rgba(255,255,255,.12);border-radius:12px;bottom:16px;box-shadow:0 12px 32px rgba(0,0,0,.55);display:flex;font-size:13px;gap:8px;max-width:calc(100% - 32px);padding:10px 14px;position:absolute;right:16px;z-index:6}
.core-demo .cd-toast:not([hidden]){animation:cd-toast .26s var(--cd-ease) both}
.core-demo .cd-toast .cd-ic{color:var(--cd-success)}

/* ─── Window width: icon rail, then mobile top bar ───────────────────────── */
@container cdwin (max-width: 980px) {
  .core-demo .cd-subgrid,.core-demo .cd-cgrid,.core-demo .cd-bcard__body{grid-template-columns:minmax(0,1fr)}
  .core-demo .cd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .core-demo .cd-wk{grid-template-columns:minmax(0,1fr)}
  .core-demo .cd-wk__day + .cd-wk__day{border-left:0;border-top:1px solid var(--cd-line)}
  .core-demo .cd-wk__day:not(:has(.cd-bk,.cd-gk)){display:none}
  .core-demo .cd-wk__body{min-height:0}
}
@container cdwin (max-width: 860px) {
  .core-demo .cd-side{flex-basis:68px}
  .core-demo .cd-side__head{flex-direction:column;gap:8px;padding:18px 0 10px}
  .core-demo .cd-brand__word,.core-demo .cd-side__btns .cd-railbtn:first-child,.core-demo .cd-ws__text,.core-demo .cd-ws__chev,.core-demo .cd-search__t,.core-demo .cd-kbd,.core-demo .cd-plus,.core-demo .cd-ghead,.core-demo .cd-item__t,.core-demo .cd-item__chev,.core-demo .cd-tree,.core-demo li.is-open > .cd-tree,.core-demo .cd-person__t,.core-demo .cd-person .cd-iconbtn{display:none}
  .core-demo .cd-ws,.core-demo .cd-searchrow{justify-content:center;margin:0 0 8px;padding:0}
  .core-demo .cd-search{flex:0 0 40px;height:40px;justify-content:center;padding:0}
  .core-demo .cd-nav,.core-demo .cd-side__foot{padding-left:10px;padding-right:10px}
  .core-demo .cd-group + .cd-group{border-top:1px solid var(--cd-line);margin-top:6px;padding-top:6px}
  .core-demo .cd-item{height:40px;justify-content:center;padding:0}
  .core-demo .cd-count{background:var(--cd-accent);border-radius:50%;font-size:0;height:6px;position:absolute;right:6px;top:7px;width:6px}
  .core-demo .cd-person{justify-content:center}
  .core-demo .cd-person__card{border:0;flex:0 0 auto;padding:0}
  .core-demo .cd-page{padding:20px 24px 28px}
  .core-demo .cd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container cdwin (max-width: 600px) {
  .core-demo__frame[data-shell="admin"] .cd-side{display:none}
  .core-demo__frame[data-shell="admin"] .cd-mtop{display:flex}
  .core-demo__frame[data-shell="portal"] .cd-ptop{gap:6px;padding:0 10px}
  .core-demo .cd-ptop__name,.core-demo .cd-ptop__right .cd-iconbtn{display:none}
  .core-demo .cd-pnav{margin-left:0}
  .core-demo .cd-page,.core-demo .cd-bpage{padding:16px 16px 24px}
  .core-demo .cd-h{font-size:17px}
  .core-demo .cd-col{flex-basis:85%;scroll-snap-align:start}
  .core-demo .cd-board{scroll-snap-type:x mandatory}
  .core-demo .cd-input--search{flex:1 1 100%;width:auto}
  .core-demo .cd-toolbar__end{margin-left:0}
  .core-demo .cd-dl__row,.core-demo .cd-dl--narrow .cd-dl__row{gap:2px;grid-template-columns:minmax(0,1fr)}
  .core-demo .cd-bcard__head,.core-demo .cd-bcard__body{padding-left:16px;padding-right:16px}
  .core-demo .cd-tiles{grid-template-columns:minmax(0,1fr)}
  .core-demo .cd-irow{padding:10px 12px}
  .core-demo .cd-table th:nth-child(3),.core-demo .cd-table td:nth-child(3){display:none}
  .core-demo .cd-table th,.core-demo .cd-table td{padding-left:12px;padding-right:12px}
}

/* ─── Page width ──────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .core-demo__frame{height:660px}
}
@media (max-width: 760px) {
  .core-demo__wrap{width:min(calc(100% - 32px),1200px)}
  .core-demo__moves{gap:4px 10px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .core-demo__move{padding-top:10px}
  .core-demo__t{font-size:.95rem}
  .core-demo__status{flex-direction:column;gap:10px}
  .core-demo__live{padding-top:0}
  .core-demo__frame{height:600px}
  .core-demo .cd-bar__label{padding-right:0;text-align:right}
}
@media (prefers-reduced-motion: reduce) {
  .core-demo *,.core-demo *::before,.core-demo *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}
}