/* A5 CRM — css/library.css   «Библиотека» (screens/library.js), the owner's pick of the three looks (2026-10-22)
   Every rule sits under html[data-cd-look="c"] (js/catdoc.js sets it) and a .cdc- class.
   Colours are the tokens of base.css (both themes). Two fixed exceptions: --cdc-matte = the #F6F6F6 backdrop of the
   a5renova.com packshots (a photo matte, the same in both themes), and the decorations ON the white КП page (.kpdoc),
   which keep the page's own fixed light colours.
   Packshots come on two canvases (#F6F6F6 and white): brightness(1.04) turns both into white and multiply lays that
   white onto the matte, so no rectangle or band shows. */

/* ── shell: these routes are full width (the owner's rule), the page header too ── */
html[data-cd-look="c"]:is([data-route="library"],[data-route="catalog"],[data-route="docs"],[data-route="kp"]) .main > :is(.top,.phead) > .wrap{max-width:none}
html[data-cd-look="c"]{--cdc-matte:#F6F6F6}
html[data-cd-look="c"] .cdc-src{font:var(--t-caption);color:var(--text-3);white-space:nowrap;margin:0 4px}
html[data-cd-look="c"] .cdc .mono,html[data-cd-look="c"] .cdc-ov .mono,html[data-cd-look="c"] .cdc-pick .mono{font:inherit;font-family:var(--font-mono);font-size:.92em;color:inherit}
html[data-cd-look="c"] .cdc img.broken,html[data-cd-look="c"] .cdc-ov img.broken{visibility:hidden}

/* ═══════════ БИБЛИОТЕКА ═══════════ */
html[data-cd-look="c"] .cdc-lib{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}
html[data-cd-look="c"] .cdc-tb{display:grid;gap:12px;min-width:0;padding:0 var(--page-pad) 12px}

/* row 1: the library tabs (underline, monochrome), «Шаблоны · Документы» apart at the right in --text-3 */
html[data-cd-look="c"] .cdc-tabs{gap:24px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
html[data-cd-look="c"] .cdc-tabs::-webkit-scrollbar{display:none}
html[data-cd-look="c"] .cdc-tabs .tab{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0;text-decoration:none}
html[data-cd-look="c"] .cdc-tabs .tab .n{margin-left:0;font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-tabs .tab.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--tab-ink)}
html[data-cd-look="c"] .cdc-tabs .tab.first-apart{margin-left:auto}
html[data-cd-look="c"] .cdc-tabs .tab.apart:not(.on){color:var(--text-3)}
html[data-cd-look="c"] .cdc-tabs .tab.apart:not(.on):hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-tabs .tab:focus-visible{outline:var(--focus-outline);outline-offset:-2px;box-shadow:none}

/* row 2: search · view … Сбросить · count */
html[data-cd-look="c"] .cdc-r2{display:flex;align-items:center;gap:8px;min-width:0;min-height:28px}
html[data-cd-look="c"] .cdc-r2:empty{display:none}
html[data-cd-look="c"] .cdc-sp{flex:1 1 0;min-width:0}
html[data-cd-look="c"] .cdc-rule{flex:none;width:1px;height:16px;margin:0 4px;background:var(--border)}
html[data-cd-look="c"] .cdc-count{flex:none;font:var(--t-body);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-count b{font-weight:600;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-note{font:var(--t-body);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html[data-cd-look="c"] .cdc-r2 .cdc-search + .cdc-note{margin-left:8px}
html[data-cd-look="c"] .cdc-search{position:relative;flex:none;display:flex;align-items:center;gap:8px;width:280px;height:var(--control-h);margin-right:8px;padding:0 6px 0 8px;cursor:text;
  border-radius:var(--radius-s);background:var(--surface);box-shadow:0 0 0 1px var(--control-border);transition:box-shadow var(--dur-1),width var(--dur-3) var(--ease-out)}
html[data-cd-look="c"] .cdc-search:hover{box-shadow:0 0 0 1px var(--control-border-hover)}
html[data-cd-look="c"] .cdc-search:focus-within{width:340px;box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-search > .ic{flex:none;width:12px;height:12px;stroke-width:2.4;color:var(--text-3)}
html[data-cd-look="c"] .cdc-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;outline:0;font:var(--t-body);color:var(--text);text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-search.has input{padding-right:20px}
html[data-cd-look="c"] .cdc-search .cdc-x{position:absolute;top:50%;right:6px;margin-top:-8px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:var(--icon);opacity:0;pointer-events:none;transition:opacity var(--dur-2)}
html[data-cd-look="c"] .cdc-search .cdc-x .ic{width:12px;height:12px}
html[data-cd-look="c"] .cdc-search.has .cdc-x{opacity:1;pointer-events:auto}
html[data-cd-look="c"] .cdc-search .cdc-x:hover{background:var(--surface-hover);color:var(--icon-strong)}
html[data-cd-look="c"] .cdc-r2 .seg .n{margin-left:2px;font-weight:400;color:var(--text-3);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-reset{flex:none;height:28px;padding:0 4px;border-radius:var(--radius-xs);font:var(--t-body-medium);color:var(--text-3);transition:color var(--dur-1)}
html[data-cd-look="c"] .cdc-reset:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-reset:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-r2 .cdc-reset{margin-right:8px}
html[data-cd-look="c"] .cdc-r2 [hidden]{display:none}

/* the filter pills of Товары · Комплекты · Услуги (owner 2026-10-23: «панелька для фильтрации некрасивая, неудобная — переделай
   полностью»): ONE row — search · «Категория · Цена · Цвет» · Сбросить … count · view. A pill is the CRM's filter pill (§5.11
   .fpill) at control height: dashed while idle with a chevron, solid «Категория | Диваны ×» when set; its panel is a
   UI.popover (.menu.pop.cdc-fpp, below) */
/* the row never wraps: the search gives way first, then the pills wrap among themselves; count and view stay top right */
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps){align-items:flex-start}
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) > :not(.cdc-fps){margin-top:0}
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) > :is(.cdc-count,.cdc-note){line-height:var(--control-h)}
html[data-cd-look="c"] .cdc-lib > .cdc-tb{container:cdctb / inline-size}
/* the search gives way first (a high shrink factor), only then the pills wrap among themselves */
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) .cdc-search{flex:0 100 300px;width:auto;min-width:180px;margin-right:4px}
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) .cdc-search:focus-within{width:auto}
html[data-cd-look="c"] .cdc-fps{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
html[data-cd-look="c"] .cdc-fpb{position:relative;height:var(--control-h);padding:0;gap:0;font:500 13px/18px var(--font-sans);color:var(--text-2);cursor:default;
  transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1)}
html[data-cd-look="c"] .cdc-fpb > .t{width:auto;height:100%;display:inline-flex;align-items:center;gap:6px;padding:0 9px 0 12px;border-radius:var(--radius-pill);
  font:inherit;color:inherit;white-space:nowrap;cursor:pointer;background:transparent}
html[data-cd-look="c"] .cdc-fpb > .t:hover{background:transparent}
html[data-cd-look="c"] .cdc-fpb > .t:focus-visible{box-shadow:none;outline:0}
html[data-cd-look="c"] .cdc-fpb:has(> .t:focus-visible){border-style:solid;border-color:var(--focus-color)}
html[data-cd-look="c"] .cdc-fpb:hover,html[data-cd-look="c"] .cdc-fpb:has(> .t[aria-expanded="true"]){border-style:solid;border-color:var(--border-strong);background:var(--surface-hover);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-fpb .dn{width:12px;height:12px;stroke-width:2.2;color:var(--icon);transition:transform var(--dur-2) var(--ease-out)}
html[data-cd-look="c"] .cdc-fpb > .t[aria-expanded="true"] .dn{transform:rotate(180deg)}
html[data-cd-look="c"] .cdc-fpb:not(.on) :is(.sep,.v),html[data-cd-look="c"] .cdc-fpb:not(.on) > .x,html[data-cd-look="c"] .cdc-fpb.on .dn{display:none}
/* set: solid edge, the label quiet, the value strong (no blue: the screen keeps its one primary) */
html[data-cd-look="c"] .cdc-fpb.on{border-style:solid;border-color:var(--border-strong);background:var(--surface);color:var(--text-2)}
html[data-cd-look="c"] .cdc-fpb.on:hover{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-fpb.on > .t{padding-right:2px}
html[data-cd-look="c"] .cdc-fpb .sep{flex:none;width:1px;height:14px;background:var(--border-strong)}
html[data-cd-look="c"] .cdc-fpb .v{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-fpb .dots{display:inline-flex;margin-right:6px;vertical-align:-2px}
html[data-cd-look="c"] .cdc-fpb .dots i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px var(--surface),inset 0 0 0 1px rgba(0,0,0,.16)}
html[data-cd-look="c"][data-theme="dark"] .cdc-fpb .dots i{box-shadow:0 0 0 1.5px var(--surface),inset 0 0 0 1px rgba(255,255,255,.2)}
html[data-cd-look="c"] .cdc-fpb .dots i + i{margin-left:-4px}
html[data-cd-look="c"] .cdc-fpb > .x{flex:none;width:20px;height:20px;margin:0 4px 0 4px;border-radius:50%;color:var(--icon)}
html[data-cd-look="c"] .cdc-fpb > .x:hover{background:var(--surface-pressed);color:var(--icon-strong)}
html[data-cd-look="c"] .cdc-fpb > .x .ic{width:12px;height:12px;stroke-width:2.4}
html[data-cd-look="c"] .cdc-fps .cdc-reset{margin-left:2px}
/* count · view: the view is two icons in one quiet track */
html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) .cdc-count{margin-right:4px}
html[data-cd-look="c"] .cdc-vw{flex:none;gap:2px;padding:2px;border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--border)}
html[data-cd-look="c"] .cdc-vw > button{width:28px;height:calc(var(--control-h) - 4px);padding:0;justify-content:center;border-radius:4px;box-shadow:none;color:var(--text-3)}
html[data-cd-look="c"] .cdc-vw > button:hover{box-shadow:none;background:var(--surface-hover);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-vw > button.on,html[data-cd-look="c"] .cdc-vw > button[aria-pressed="true"]{background:var(--surface-pressed);box-shadow:none;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-vw > button .ic{width:14px;height:14px}
/* «⇅» the order (list and grid): an icon while it is the catalogue's own, «⇅ Размер ↓» once chosen */
html[data-cd-look="c"] .cdc-sortb{flex:none;display:inline-flex;align-items:center;gap:4px;height:var(--control-h);min-width:var(--control-h);padding:0 7px;justify-content:center;border-radius:var(--radius-s);
  font:500 13px/18px var(--font-sans);color:var(--text-3);white-space:nowrap;transition:background var(--dur-1),color var(--dur-1)}
html[data-cd-look="c"] .cdc-sortb:hover,html[data-cd-look="c"] .cdc-sortb[aria-expanded="true"]{background:var(--surface-hover);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-sortb.on{color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border)}
html[data-cd-look="c"] .cdc-sortb .ic{width:14px;height:14px}
html[data-cd-look="c"] .cdc-sortb .ic.dir{width:12px;height:12px;stroke-width:2.4;color:var(--text-2)}
html[data-cd-look="c"] .cdc-sortb:focus-visible{box-shadow:var(--focus-ring)}

/* when the row does not fit (library.js fitR2 adds .two), or the toolbar is narrow anyway (≈1280–1440 beside the КП column):
   search · count · view on top, the pills on a line of their own */
html[data-cd-look="c"] .cdc-r2.two:has(.cdc-fps){flex-wrap:wrap;row-gap:10px}
html[data-cd-look="c"] .cdc-r2.two:has(.cdc-fps) .cdc-search{flex:1 1 auto;margin-right:0}
html[data-cd-look="c"] .cdc-r2.two:has(.cdc-fps) > .cdc-sp{display:none}
html[data-cd-look="c"] .cdc-r2.two:has(.cdc-fps) > .cdc-fps{order:9;flex:1 0 100%}
@container cdctb (max-width: 820px){
  html[data-cd-look="c"] .cdc-r2:has(.cdc-fps){flex-wrap:wrap;row-gap:10px}
  html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) .cdc-search{flex:1 1 auto;margin-right:0}
  html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) > .cdc-sp{display:none}
  html[data-cd-look="c"] .cdc-r2:has(.cdc-fps) > .cdc-fps{order:9;flex:1 0 100%}
  /* a set pill says only its value there («Диваны ×», «до 3 500 AED ×», «●● 2 цвета ×»): three of them and «Сбросить» fit one line */
  html[data-cd-look="c"] .cdc-fpb.on :is(.lb,.sep){display:none}
  html[data-cd-look="c"] .cdc-fpb.on > .t{padding-left:10px}
}

/* the panels (UI.popover, outside .cdc: scoped by the look on <html>) */
html[data-cd-look="c"] .cdc-fpp{display:flex;flex-direction:column;max-height:min(468px,calc(100vh - 140px));font:var(--t-body)}
html[data-cd-look="c"] .cdc-fpp:focus{outline:0}
html[data-cd-look="c"] .cdc-fpp .fph0:empty{display:none}
html[data-cd-look="c"] .cdc-fpp .fpt{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:0 14px;font:600 13px/18px var(--font-sans);color:var(--text-strong);box-shadow:inset 0 -1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-fpp .lnk{height:24px;padding:0 4px;margin-right:-4px;border-radius:var(--radius-xs);font:500 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .lnk:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-fpp .fps{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;box-shadow:inset 0 -1px 0 var(--border-soft);cursor:text}
html[data-cd-look="c"] .cdc-fpp .fps .ic{flex:none;width:14px;height:14px;color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fps input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;outline:0;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-fpp .fpb{display:flex;flex-direction:column;min-height:0;overflow:hidden}
html[data-cd-look="c"] .cdc-fpp .fpl{min-height:0;overflow-y:auto;padding:6px;scrollbar-width:thin}
html[data-cd-look="c"] .cdc-fpp .fpr{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:5px 8px;border-radius:6px;text-align:left;font:var(--t-body);color:var(--text);transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-fpp .fpr:hover:not(:disabled),html[data-cd-look="c"] .cdc-fpp .fpr:focus-visible,html[data-cd-look="c"] .cdc-fpp .fpr.cur{background:var(--surface-hover-raised);box-shadow:none;outline:0}
html[data-cd-look="c"] .cdc-fpp .fpr:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-fpp .fpr:disabled{color:var(--text-disabled);cursor:default}
html[data-cd-look="c"] .cdc-fpp .fpr .l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cd-look="c"] .cdc-fpp .fpr .l small{margin-left:8px;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fpr .n{flex:none;font:400 12px/16px var(--font-sans);color:var(--text-3);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-fpp .fpr:disabled .n{color:var(--text-disabled)}
html[data-cd-look="c"] .cdc-fpp .fpr.on{font-weight:600;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-fpp .fpr .ok{flex:none;width:14px;height:14px;display:grid;place-items:center;color:var(--accent-text)}
html[data-cd-look="c"] .cdc-fpp .fpr .ok .ic{width:14px;height:14px;stroke-width:2.4}
html[data-cd-look="c"] .cdc-fpp .fpr .chev{flex:none;width:12px;height:12px;color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fpr mark{background:none;color:var(--text-strong);font-weight:600}
html[data-cd-look="c"] .cdc-fpp .fsep{flex:none;height:1px;margin:4px 8px;background:var(--border-soft)}
html[data-cd-look="c"] .cdc-fpp .fpe{padding:24px 14px;color:var(--text-3);text-align:center}
/* Категория: the groups | the shown group's categories */
html[data-cd-look="c"] .cdc-fpp-cat .fpcols{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:0;flex:1}
html[data-cd-look="c"] .cdc-fpp-cat .fpcols > .fpl{max-height:min(400px,calc(100vh - 200px))}
html[data-cd-look="c"] .cdc-fpp-cat .fpl.gs{box-shadow:inset -1px 0 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-fpp-cat .fpl.one{max-height:min(400px,calc(100vh - 200px))}
/* radio rows (Цена, Комната, Направление): a neutral ring, the list blue when chosen (as the filter checkboxes, §5.6) */
html[data-cd-look="c"] .cdc-fpp .rd{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--control-border);transition:box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-fpp .fpr.on .rd{box-shadow:inset 0 0 0 4px var(--check-list)}
html[data-cd-look="c"] .cdc-fpp .fpr[role="radio"].on{font-weight:500}
html[data-cd-look="c"] .cdc-fpp .fpc{padding:10px 14px 14px;box-shadow:inset 0 1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-fpp .fpc .fph{margin-bottom:8px;font:500 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fpci{display:flex;align-items:center;gap:6px}
html[data-cd-look="c"] .cdc-fpp .fpci input{flex:1;width:0;min-width:0;height:var(--control-h);padding:0 8px;border:0;border-radius:var(--radius-s);background:var(--surface);box-shadow:0 0 0 1px var(--control-border);outline:0;
  font:var(--t-body);color:var(--text);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-fpp .fpci input:focus{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-fpp .fpci .dash{flex:none;color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fpci .btn{flex:none;margin-left:2px}
/* «Размер › Точнее»: three rows «Ширина  [от] — [до]», one wide «Показать N», the count of pieces without measures */
html[data-cd-look="c"] .cdc-fpp .fpz{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px 6px}
html[data-cd-look="c"] .cdc-fpp .fpz .zl{padding-right:6px;font:var(--t-body);color:var(--text-2)}
html[data-cd-look="c"] .cdc-fpp .fpz input{width:100%;min-width:0;height:var(--control-h);padding:0 8px;border:0;border-radius:var(--radius-s);background:var(--surface);box-shadow:0 0 0 1px var(--control-border);outline:0;
  font:var(--t-body);color:var(--text);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-fpp .fpz input:focus{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-fpp .fpz .dash{color:var(--text-3)}
html[data-cd-look="c"] .cdc-fpp .fpgo{width:100%;margin-top:10px}
html[data-cd-look="c"] .cdc-fpp .fpn{margin:10px 0 0;font:var(--t-caption);color:var(--text-3)}
/* Цвет: two columns of «● Бежевый 340», several at once; a chosen dot gets a ring and a tick */
html[data-cd-look="c"] .cdc-fpp-col .fpk{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:6px;min-height:0;overflow-y:auto}
html[data-cd-look="c"] .cdc-fpp .sw{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:box-shadow var(--dur-1)}
html[data-cd-look="c"][data-theme="dark"] .cdc-fpp .sw{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
html[data-cd-look="c"] .cdc-fpp .sw .ic{width:12px;height:12px;stroke-width:3;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-1),transform var(--dur-2) var(--ease-out)}
html[data-cd-look="c"] .cdc-fpp .sw:is([style*="#FFFFFF"],[style*="#E3D4BA"],[style*="#C0C4C8"]) .ic{color:#1E1E20}
html[data-cd-look="c"] .cdc-fpp .fpr.on .sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--text-strong)}
html[data-cd-look="c"] .cdc-fpp .fpr.on .sw .ic{opacity:1;transform:none}
html[data-cd-look="c"] .cdc-fpp-col .fpr.on{font-weight:500}
/* nothing found in a catalog tab: the drawer's block, centred under the head */
html[data-cd-look="c"] .cdc-lnr{padding:24px 0}
html[data-cd-look="c"] .cdc-lnr .cdc-add-nr{padding-top:56px}

/* body: the scrolling list, full width (the category rail gave way to the chips above) */
html[data-cd-look="c"] .cdc-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
html[data-cd-look="c"] .cdc-main{position:relative;min-height:0;min-width:0;overflow:auto;padding:0 var(--page-pad);outline:0;container:cdcm / inline-size}
html[data-cd-look="c"] .cdc-main::after{content:"";display:block;height:40px}

/* the table: 56 px two-line rows, sticky head, no frames */
html[data-cd-look="c"] .cdc-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:var(--t-body);color:var(--text-2)}
html[data-cd-look="c"] .cdc-t thead th{position:sticky;top:0;z-index:2;height:36px;padding:0 8px;background:var(--bg);text-align:left;white-space:nowrap;font:var(--t-caption-strong);color:var(--text-2);box-shadow:inset 0 -1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-t thead th.num{text-align:right}
html[data-cd-look="c"] .cdc-t thead th.sortable{cursor:pointer;user-select:none}
html[data-cd-look="c"] .cdc-t thead th.sortable:hover,html[data-cd-look="c"] .cdc-t thead th.on{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-t thead th .ic{display:inline-block;vertical-align:-1px;margin-left:4px}
/* a sortable header says so on hover: a faint ⇅ (it keeps its place, so the label never shifts) */
html[data-cd-look="c"] .cdc-t thead th .ic.hv{opacity:0;transition:opacity var(--dur-1)}
html[data-cd-look="c"] .cdc-t thead th.sortable:hover .ic.hv{opacity:.6}
/* «Без размера в каталоге · 2 314»: where the pieces the chosen order has no value for begin */
html[data-cd-look="c"] .cdc-t tr.cdc-gap td{height:auto;padding:20px 8px 8px;font:var(--t-caption-strong);color:var(--text-3);background:transparent;cursor:default;overflow:visible;text-overflow:clip}
html[data-cd-look="c"] .cdc-t tr.cdc-gap td:first-child{position:relative;z-index:1}
html[data-cd-look="c"] .cdc-t tr.cdc-gap .gl{white-space:nowrap}
html[data-cd-look="c"] .cdc-t tbody tr.cdc-gap:hover td{background:transparent}
html[data-cd-look="c"] .cdc-gap.g{grid-column:1 / -1;padding:12px 0 0;font:var(--t-caption-strong);color:var(--text-3)}
html[data-cd-look="c"] .cdc-t td{height:56px;padding:0 8px;vertical-align:middle;border-bottom:1px solid var(--border-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-t td:first-child,html[data-cd-look="c"] .cdc-t th:first-child{padding-left:0}
html[data-cd-look="c"] .cdc-t td.num{text-align:right;color:var(--text)}
html[data-cd-look="c"] .cdc-t tr.tall td{height:68px}
html[data-cd-look="c"] .cdc-t tr.short td{height:52px}
html[data-cd-look="c"] .cdc-t tr[data-cd-act]{cursor:pointer}
html[data-cd-look="c"] .cdc-t tbody tr:hover td{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-t tbody tr.sel td{background:var(--row-selected)}
html[data-cd-look="c"] .cdc-t td.nm b{display:block;overflow:hidden;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-t td.nm small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-t td.act{text-align:right;overflow:visible}
html[data-cd-look="c"] .cdc-t :is(th,td).act[style*="width:0"],html[data-cd-look="c"] .cdc-t td.act:has(> .cdc-hov){padding:0;position:relative}
/* it sits at the right end of the name column (= the widths of the visible columns after it), next to the name */
html[data-cd-look="c"] .cdc-t-products{--cdc-act-r:438px}
html[data-cd-look="c"] .cdc-t-sets{--cdc-act-r:364px}
html[data-cd-look="c"] .cdc-t-services{--cdc-act-r:428px}
html[data-cd-look="c"] .cdc-t-templates{--cdc-act-r:110px}
html[data-cd-look="c"] .cdc-hov{position:absolute;top:0;bottom:0;right:var(--cdc-act-r,0px);display:none;align-items:center;padding:0 8px 0 16px;background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-t tr.sel .cdc-hov{background:var(--row-selected)}
html[data-cd-look="c"] .cdc-t tr:hover .cdc-hov,html[data-cd-look="c"] .cdc-hov:focus-within{display:flex}
html[data-cd-look="c"] .cdc-t td.act .cdc-hov .cdc-add{display:inline-flex}
/* «✓ В КП · 2» after the name, grey */
html[data-cd-look="c"] .cdc-t td.nm .nm1{display:flex;align-items:baseline;gap:10px;min-width:0}
html[data-cd-look="c"] .cdc-t td.nm .nm1 b{min-width:0;flex:0 1 auto}
html[data-cd-look="c"] .cdc-t td.nm .nm1 .cdc-mk{flex:none}
html[data-cd-look="c"] .cdc-t td.nm .cdc-mk .cdc-in{font:var(--t-caption-strong);color:var(--text-3)}
html[data-cd-look="c"] .cdc-t td.nm .cdc-mk .cdc-in .ic{color:var(--text-3)}
html[data-cd-look="c"] .cdc-t td.num .cdc-pp{display:block;margin-top:2px;font:var(--t-caption);color:var(--text-3)}
/* the packshot: 40 px on its own matte, no frame */
html[data-cd-look="c"] .cdc-ph{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-s);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-ph img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-ph.sm{width:40px;height:40px}
html[data-cd-look="c"] .cdc-rnd{display:block;width:80px;height:52px;border-radius:var(--radius-s);background:var(--surface-offset);overflow:hidden}
html[data-cd-look="c"] .cdc-rnd img{width:100%;height:100%;object-fit:cover;display:block}
/* «✓ В КП · 2» at rest; on hover the 24 px «+ В КП» */
html[data-cd-look="c"] .cdc-in{display:inline-flex;align-items:center;gap:4px;font:var(--t-body-medium);color:var(--text-2);white-space:nowrap}
html[data-cd-look="c"] .cdc-in .ic{width:12px;height:12px;stroke-width:2.6;color:var(--text-2)}
html[data-cd-look="c"] .cdc-t .cdc-add{background:var(--surface)}
/* services: the example price, edited in place */
html[data-cd-look="c"] .cdc-price{display:inline-grid;justify-items:end;gap:0;margin-right:-6px;padding:3px 6px;border-radius:var(--radius-s);text-align:right;transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-price span{font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-price small{font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-price:hover{background:var(--surface-offset-hover)}
html[data-cd-look="c"] .cdc-pin{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font:var(--t-caption)}
html[data-cd-look="c"] .cdc-pin input{width:96px;height:28px;padding:0 8px;border:0;border-radius:var(--radius-s);background:var(--surface);color:var(--text-strong);font:var(--t-body);text-align:right;box-shadow:var(--focus-ring);outline:0}
/* templates: a real first page in miniature */
html[data-cd-look="c"] .cdc-tpl{display:block;width:40px;height:56px;border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--border)}
html[data-cd-look="c"] .cdc-tpl-pg{display:block;width:794px;transform:scale(.0504);transform-origin:0 0;pointer-events:none}
html[data-cd-look="c"] .cdc-tpl.g{display:grid;place-items:center;background:var(--badge-neutral-bg);box-shadow:inset 0 0 0 1px var(--badge-neutral-border);font:600 10px/12px var(--font-sans);color:var(--badge-neutral-text)}
/* documents */
html[data-cd-look="c"] .cdc-t-docs tr.wait td.nm b{font-weight:600}
html[data-cd-look="c"] .cdc-t-docs td.ev{color:var(--text-2)}
html[data-cd-look="c"] .cdc-mgr{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
html[data-cd-look="c"] .cdc-mgr .av{width:20px;height:20px;font-size:9px}
html[data-cd-look="c"] .cdc-t-docs .cdc-more-b{opacity:0;transition:opacity var(--dur-1)}
html[data-cd-look="c"] .cdc-t-docs tr:hover .cdc-more-b,html[data-cd-look="c"] .cdc-t-docs .cdc-more-b:focus-visible,html[data-cd-look="c"] .cdc-t-docs .cdc-more-b[aria-expanded="true"]{opacity:1}
html[data-cd-look="c"] .cdc-t-docs tr:hover .cdc-more-b:hover{background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-dot{display:inline-block;flex:none;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:var(--dot-orange);vertical-align:middle}
html[data-cd-look="c"] .cdc-from{font:var(--t-caption);color:var(--text-3);white-space:nowrap}
/* a document's picture: its priciest packshot, or the type glyph */
html[data-cd-look="c"] .cdc-th{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-xs);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-th.g{background:var(--badge-neutral-bg);box-shadow:inset 0 0 0 1px var(--badge-neutral-border);font:600 10px/12px var(--font-sans);color:var(--badge-neutral-text);letter-spacing:.02em}
html[data-cd-look="c"] .cdc-th.sm{width:28px;height:28px}
html[data-cd-look="c"] .cdc-th.sm.g{font-size:9px}

/* the grid: frameless tiles on the packshot matte */
html[data-cd-look="c"] .cdc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:28px 24px;padding:16px 0 8px}
html[data-cd-look="c"] .cdc-grid.sets{grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}
html[data-cd-look="c"] .cdc-tile{min-width:0;cursor:pointer;border-radius:var(--radius-m);outline:0}
html[data-cd-look="c"] .cdc-tile .ph{position:relative;aspect-ratio:1/1;border-radius:var(--radius-m);background:var(--cdc-matte);overflow:hidden;transition:box-shadow var(--dur-2)}
html[data-cd-look="c"] .cdc-tile .ph.rnd{aspect-ratio:16/10;background:var(--surface-offset)}
html[data-cd-look="c"] .cdc-tile .ph img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:brightness(1.04);transition:transform var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-tile .ph.rnd img{object-fit:cover;mix-blend-mode:normal;filter:none}
html[data-cd-look="c"] .cdc-tile:hover .ph img{transform:scale(1.02)}
html[data-cd-look="c"] .cdc-tile.sel .ph,html[data-cd-look="c"] .cdc-tile:focus-visible .ph{box-shadow:0 0 0 2px var(--text-3)}
html[data-cd-look="c"] .cdc-tile .tin{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none}
html[data-cd-look="c"] .cdc-tile .tin > *{pointer-events:auto}
html[data-cd-look="c"] .cdc-tile .tin .cdc-mk:empty{display:none}
html[data-cd-look="c"] .cdc-tile .tin .cdc-in{height:24px;padding:0 8px;border-radius:var(--radius-s);background:var(--surface-raised);box-shadow:var(--shadow-control),0 0 0 1px var(--border);font:var(--t-caption-strong)}
html[data-cd-look="c"] .cdc-tile .tin .cdc-add{display:none;background:var(--surface-raised)}
html[data-cd-look="c"] .cdc-tile:hover .tin .cdc-add,html[data-cd-look="c"] .cdc-tile .tin .cdc-add:focus-visible{display:inline-flex}
html[data-cd-look="c"] .cdc-tile:hover .tin .cdc-in{display:none}
html[data-cd-look="c"] .cdc-tile .tt{display:flex;margin-top:10px;min-width:0}
html[data-cd-look="c"] .cdc-tile .tt b{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-tile .ts{margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-tile .ts .pr{font:var(--t-caption-strong);color:var(--text)}
html[data-cd-look="c"] .cdc-more{display:flex;justify-content:center;padding:16px 0 0}
html[data-cd-look="c"] .cdc-more .btn{color:var(--text-3)}
html[data-cd-look="c"] .cdc-empty{display:grid;justify-items:center;align-content:start;gap:6px;padding:72px 16px;text-align:center}
html[data-cd-look="c"] .cdc-empty b{font:var(--t-heading-s);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-empty span{font:var(--t-body);color:var(--text-3)}
html[data-cd-look="c"] .cdc-empty .btn{margin-top:10px}
html[data-cd-look="c"] .cdc-empty.big{padding-top:120px}

/* columns give way on a narrow list */
@container cdcm (max-width: 1040px){
  html[data-cd-look="c"] .cdc-t .c-mgr{display:none}
}
/* Товары a little narrower (the КП column beside it on a 1600 screen): «Категория» goes before «Размер» — the name already says
   what the piece is, the size it does not (and the list sorts by it; owner 2026-10-23 «по размеру почему нельзя сортировать») */
@container cdcm (max-width: 960px){
  html[data-cd-look="c"] .cdc-t-products .c-cat{display:none}
  html[data-cd-look="c"] .cdc-t-products{--cdc-act-r:270px}
}
/* the size in the grey line under the name, for when its column is gone (≤ 780 px) */
html[data-cd-look="c"] .cdc-t .szi{display:none}
@container cdcm (max-width: 780px){
  html[data-cd-look="c"] .cdc-t :is(.c-size,.c-cat,.c-room,.c-line,.c-ev){display:none}
  html[data-cd-look="c"] .cdc-t .szi{display:inline}
  html[data-cd-look="c"] .cdc-t-products{--cdc-act-r:120px}
  html[data-cd-look="c"] .cdc-t-sets{--cdc-act-r:224px}
  html[data-cd-look="c"] .cdc-t-services{--cdc-act-r:260px}
}
@container cdcm (max-width: 600px){
  html[data-cd-look="c"] .cdc-t .c-unit{display:none}
  html[data-cd-look="c"] .cdc-t-services{--cdc-act-r:140px}
}

/* the tray: the active draft, docked at the bottom (48 px, hairline, no shadow) */
html[data-cd-look="c"] .cdc-tray{display:flex;align-items:center;gap:12px;min-width:0;height:56px;padding:0 var(--page-pad);background:var(--surface);box-shadow:inset 0 1px 0 var(--border);animation:cdc-up var(--dur-3) var(--ease-out)}
html[data-cd-look="c"] .cdc-tray .no{flex:none;font:var(--t-mono);color:var(--text-3)}
html[data-cd-look="c"] .cdc-tray .deal{flex:0 1 auto;min-width:0;max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong);text-decoration:none}
html[data-cd-look="c"] .cdc-tray a.deal:hover{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
html[data-cd-look="c"] .cdc-tray .pics{display:flex;align-items:center;gap:4px;flex:none;margin-left:8px}
html[data-cd-look="c"] .cdc-tray .pic{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-tray .pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-tray .pic.fresh{animation:cdc-in 160ms var(--ease-out)}
html[data-cd-look="c"] .cdc-tray .sum{flex:none;margin-left:8px;font:var(--t-body-medium);color:var(--text-strong);white-space:nowrap}
html[data-cd-look="c"] .cdc-tray .sum .mute{font-weight:400;color:var(--text-3)}
html[data-cd-look="c"] .cdc-tray .flash{margin-left:6px;font:var(--t-caption-strong);font-style:normal;color:var(--text-3);animation:cdc-in 160ms var(--ease-out)}
html[data-cd-look="c"] .cdc-tray .x{color:var(--icon)}
@keyframes cdc-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes cdc-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ═══════════ sheets (product 480, set 560) and the document drawer (440) ═══════════ */
html[data-cd-look="c"] .cdc-ov .drawer-h h3{flex:1;min-width:0}
html[data-cd-look="c"] .cdc-ov .drawer-h h3 > :not(.badge){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-sheet .drawer-h h3{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-sheet .drawer-h .cdc-nav{display:flex;gap:2px;flex:none;margin-left:auto}
html[data-cd-look="c"] .cdc-sheet .drawer-h .cdc-nav .x{margin-left:0}
html[data-cd-look="c"] .cdc-sheet .drawer-h .cdc-nav + .x{margin-left:4px}
html[data-cd-look="c"] .cdc-sheet .drawer-b{padding-bottom:0}
/* the picture never pushes the price and «Свойства» below the fold */
html[data-cd-look="c"] .cdc-sh-ph{height:min(432px,38vh);border-radius:var(--radius-m);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-sh-ph img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-sh-rnd{height:min(325px,38vh);border-radius:var(--radius-m);background:var(--surface-offset);overflow:hidden}
html[data-cd-look="c"] .cdc-sh-rnd img{width:100%;height:100%;object-fit:cover;display:block}
html[data-cd-look="c"] .cdc-sh-strip{display:flex;gap:8px;margin-top:8px}
html[data-cd-look="c"] .cdc-sh-strip button{width:90px;height:56px;border-radius:var(--radius-s);overflow:hidden;background:var(--surface-offset);opacity:.72;transition:opacity var(--dur-1),box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-sh-strip button img{width:100%;height:100%;object-fit:cover;display:block}
html[data-cd-look="c"] .cdc-sh-strip button:hover{opacity:1}
html[data-cd-look="c"] .cdc-sh-strip button.on{opacity:1;box-shadow:0 0 0 2px var(--text-3)}
html[data-cd-look="c"] .cdc-sh-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:18px 0 0}
html[data-cd-look="c"] .cdc-sh-pr b{font:600 24px/32px var(--font-sans);color:var(--text-strong);letter-spacing:-.01em}
html[data-cd-look="c"] .cdc-sh-pr > span:not(.cdc-in){font:var(--t-body);color:var(--text-3)}
html[data-cd-look="c"] .cdc-sh-pr .cdc-in{margin-left:auto}
html[data-cd-look="c"] .cdc-h{margin:24px 0 4px;font:var(--t-body-strong);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-props{margin:0}
html[data-cd-look="c"] .cdc-props > div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center;min-height:40px;padding:6px 0;box-shadow:inset 0 -1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-props dt{font:var(--t-body);color:var(--text-3)}
html[data-cd-look="c"] .cdc-props dd{margin:0;min-width:0;font:var(--t-body);color:var(--text);overflow-wrap:anywhere}
html[data-cd-look="c"] .cdc-props dd small{font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-props .own :is(dt,dd){color:var(--text-3)}
html[data-cd-look="c"] .cdc-props a,html[data-cd-look="c"] .cdc-lk{color:var(--text-strong);font-weight:400;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
html[data-cd-look="c"] .cdc-props a:hover,html[data-cd-look="c"] .cdc-lk:hover{text-decoration-color:var(--text-3)}
html[data-cd-look="c"] .cdc-lk{display:inline;padding:0;font:inherit;text-align:left}
html[data-cd-look="c"] .cdc-used{display:grid}
html[data-cd-look="c"] .cdc-ur{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:0 6px;margin:0 -6px;border-radius:var(--radius-s);text-align:left;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-ur:hover{background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-ur .c{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-room{margin:14px 0 2px;font:var(--t-caption-strong);color:var(--text-3)}
html[data-cd-look="c"] .cdc-comp{display:grid}
html[data-cd-look="c"] .cdc-ci{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 6px;margin:0 -6px;border-radius:var(--radius-s);text-align:left;box-sizing:content-box}
html[data-cd-look="c"] .cdc-ci:hover{background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-ci .t{display:grid;min-width:0}
html[data-cd-look="c"] .cdc-ci .t b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-ci .t small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ci .q{font:var(--t-body);color:var(--text);white-space:nowrap}
html[data-cd-look="c"] .cdc-sh-f{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;margin:24px -20px 0;padding:16px 20px;background:var(--surface-raised);box-shadow:inset 0 1px 0 var(--border)}
html[data-cd-look="c"] .cdc-none{margin:4px 0 0;font:var(--t-body);color:var(--text-3)}

/* the document drawer */
html[data-cd-look="c"] .cdc-dw-t{font:var(--t-heading-s);color:var(--text-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-dw-pv{height:300px;border-radius:var(--radius-m);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-dw-pv:hover{box-shadow:0 0 0 1px var(--border-strong),var(--shadow-2)}
html[data-cd-look="c"] .cdc-dw-pv:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-dw-fit{width:100%}
html[data-cd-look="c"] .cdc-dw-acts{display:flex;align-items:center;gap:8px;margin-top:16px}
html[data-cd-look="c"] .cdc-dw-acts .sp{flex:1}
html[data-cd-look="c"] .cdc-file{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--border)}
html[data-cd-look="c"] .cdc-file .t{display:grid;min-width:0}
html[data-cd-look="c"] .cdc-file .t b{font:var(--t-body-medium);color:var(--text-strong);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-file .t small{font:var(--t-caption);color:var(--text-3)}
/* «История»: dots on a hairline */
html[data-cd-look="c"] .cdc-hist{list-style:none;margin:0;padding:0}
html[data-cd-look="c"] .cdc-hist li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:30px;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-hist li i{position:relative;justify-self:center;width:7px;height:7px;border-radius:50%;background:var(--dot-neutral)}
html[data-cd-look="c"] .cdc-hist li:not(:last-child) i::after{content:"";position:absolute;left:3px;top:10px;width:1px;height:20px;background:var(--border)}
html[data-cd-look="c"] .cdc-hist li.k-sent i{background:var(--dot-sky)}
html[data-cd-look="c"] .cdc-hist li.k-opened i{background:var(--dot-orange)}
html[data-cd-look="c"] .cdc-hist li:is(.k-signed,.k-paid) i{background:var(--dot-green)}
html[data-cd-look="c"] .cdc-hist li.k-rejected i{background:var(--dot-red)}
html[data-cd-look="c"] .cdc-hist li span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-hist time{font:var(--t-caption);color:var(--text-3);white-space:nowrap}
/* every «⋯» menu: the demo item stays grey */
html[data-cd-look="c"] .menu .mi.cdc-demo,html[data-cd-look="c"] .menu .mi.cdc-demo .ic{color:var(--text-3)}

/* ═══════════ popovers: send (380) and the add row's search (560) ═══════════ */
html[data-cd-look="c"] .cdc-pop{position:fixed;z-index:70;max-width:calc(100vw - 16px);padding:16px;border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-3);
  opacity:0;transform:translateY(-4px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
html[data-cd-look="c"] .cdc-pop.is-open{opacity:1;transform:none}
html[data-cd-look="c"] .cdc-pop:focus{outline:0}
html[data-cd-look="c"] .cdc-pop-msg{margin-top:12px;padding:10px 12px;border-radius:var(--radius-s);background:var(--surface-offset);font:var(--t-body);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
html[data-cd-look="c"] .cdc-pop-h{display:grid;gap:2px}
html[data-cd-look="c"] .cdc-pop-h b{font:var(--t-heading-s);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-pop-h span{font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pop-ta{display:block;width:100%;min-height:96px;margin-top:12px;padding:8px 10px;border:0;border-radius:var(--radius-s);background:var(--surface);color:var(--text);font:var(--t-body);resize:none;box-shadow:0 0 0 1px var(--control-border);outline:0}
html[data-cd-look="c"] .cdc-pop-ta:focus{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-pop-link{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:var(--radius-s);box-shadow:0 0 0 1px var(--border);min-width:0}
html[data-cd-look="c"] .cdc-pop-link .ic{width:14px;height:14px;flex:none;color:var(--icon)}
html[data-cd-look="c"] .cdc-pop-link .u{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-pop-link .m{margin-left:auto;flex:none;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pop-note{margin:10px 0 0;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pop-f{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
html[data-cd-look="c"] .cdc-pick{position:fixed;z-index:70;max-height:min(440px,calc(100vh - 16px));overflow:auto;padding:6px 0 0;border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-3);font:var(--t-body)}
html[data-cd-look="c"] .cdc-pg{padding:8px 12px 4px;font:var(--t-caption-strong);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pi{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 12px;text-align:left}
html[data-cd-look="c"] .cdc-pi.act{background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-pi .pt{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-xs);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-pi .pt img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-pi .pt.u,html[data-cd-look="c"] .cdc-pi .pt.plus{background:var(--badge-neutral-bg);box-shadow:inset 0 0 0 1px var(--badge-neutral-border);font:600 10px/12px var(--font-sans);color:var(--badge-neutral-text)}
html[data-cd-look="c"] .cdc-pi .pt.plus .ic{width:12px;height:12px}
html[data-cd-look="c"] .cdc-pi .tx{display:grid;min-width:0}
html[data-cd-look="c"] .cdc-pi .t1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}
html[data-cd-look="c"] .cdc-pi .t1 b{font-weight:600;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-pi .t2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pi .pr{font:var(--t-body-medium);color:var(--text-strong);white-space:nowrap}
html[data-cd-look="c"] .cdc-pi.own .t1{color:var(--text-2)}
html[data-cd-look="c"] .cdc-psep{height:1px;margin:4px 0;background:var(--border-soft)}
html[data-cd-look="c"] .cdc-pf{position:sticky;bottom:0;display:flex;gap:14px;margin-top:6px;padding:8px 12px;background:var(--surface-raised);box-shadow:inset 0 1px 0 var(--border-soft);font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-pf kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-right:3px;padding:0 4px;border-radius:var(--radius-xs);background:var(--kbd-bg);color:var(--kbd-text);font:500 11px/16px var(--font-sans)}

/* ═══════════ КП: Programa's Schedule on A5's data (owner 2026-10-23: «сделать их подход у нас, а не брать их»), then the polish
   pass the same day («выглядят старо и не красиво»): lines are hairline rows on the page (no frame per line), one quiet column
   header per room, every caption 400 12/16 --text-3 in sentence case (no caps anywhere in this block), pastel status tags only
   where a line needs attention, the product photo as the hero, «Подробнее» as an Attio-like property list, short calm motion
   (screens/library.js: snapshot → redraw → play; every JS motion checks UI.reduced()). Tokens only: the literal colours are
   --cdc-matte (#F6F6F6), the white client page and --cdc-fab-glow below. ═══════════ */
html[data-cd-look="c"]{--cdc-fab-glow:rgba(59,107,233,.40)}
html[data-cd-look="c"][data-theme="dark"]{--cdc-fab-glow:rgba(91,134,238,.28)}
html[data-cd-look="c"] .cdc-sch [hidden],html[data-cd-look="c"] .cdc-add-dw [hidden],html[data-cd-look="c"] .cdc-pk [hidden]{display:none}
html[data-cd-look="c"] .cdc-still > *{animation:none}

/* motion (one-shot; durations from base.css --dur-1…--dur-4, never a loop) */
@keyframes cdc-enter{from{opacity:0;transform:translateY(6px)}}
@keyframes cdc-wash{from{background-color:var(--flash-bg)}}
@keyframes cdc-fade{from{opacity:0}}
@keyframes cdc-up{from{opacity:0;transform:translateY(4px)}}
@keyframes cdc-grow{from{width:72px;opacity:.6}}
@keyframes cdc-pick{from{background-color:var(--surface-pressed)}}
@keyframes cdc-pop{0%{transform:scale(.82)}55%{transform:scale(1.08)}100%{transform:none}}
@keyframes cdc-step-dn{from{opacity:0;transform:translateY(8px)}}
@keyframes cdc-step-up{from{opacity:0;transform:translateY(-8px)}}
@keyframes cdc-roll-up{from{opacity:0;transform:translateY(60%)}}
@keyframes cdc-roll-dn{from{opacity:0;transform:translateY(-60%)}}
@keyframes cdc-dim{from{opacity:1}}

/* the one caption recipe of the КП: 400 12/16, --text-3, sentence case */
html[data-cd-look="c"] :is(.cdc-colh,.cdc-tot .m small,.cdc-it-tot > small,.cdc-ar.cur .tx small,.cdc-pv-strip){font:400 12px/16px var(--font-sans);color:var(--text-3)}

/* the page header: «<сделка> / название КП A5-KP-… ⌄» on one line; «✓ сохранено 12:14», «Поделиться» and ⋯ on the right */
html[data-cd-look="c"][data-route="kp"] .phead > .wrap{padding:10px 24px}
html[data-cd-look="c"][data-route="kp"] .ph-row{min-height:36px}
html[data-cd-look="c"][data-route="kp"] #title{align-items:center;gap:10px;font:var(--t-body);color:var(--text-2)}
html[data-cd-look="c"][data-route="kp"] #title .badge{flex:none}
html[data-cd-look="c"][data-route="kp"] #page-actions{align-items:center}
html[data-cd-look="c"][data-route="kp"] #page-actions .btn{height:32px;padding:0 10px}
html[data-cd-look="c"][data-route="kp"] #page-actions .btn.sq{width:32px;padding:0}
html[data-cd-look="c"][data-route="kp"] #page-actions .btn .ic{width:14px;height:14px}
html[data-cd-look="c"][data-route="kp"] #page-actions .btn.sq .ic{width:16px;height:16px}
html[data-cd-look="c"] .cdc-cr{display:flex;align-items:center;gap:8px;min-width:0}
html[data-cd-look="c"] .cdc-cr-a{min-width:0;max-width:min(360px,28vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body);color:var(--text-2);text-decoration:none;transition:color var(--dur-1)}
html[data-cd-look="c"] .cdc-cr-a:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-cr-s{flex:none;color:var(--text-4)}
html[data-cd-look="c"] .cdc-cr-doc{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:6px;height:30px;margin-left:-4px;padding:0 6px 0 4px;border-radius:var(--radius-s);font:600 15px/20px var(--font-sans);color:var(--text-strong);transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-cr-doc .nm{min-width:0;max-width:min(360px,26vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-cr-doc .no{flex:none;font-weight:400;color:var(--text-3);font-variant-numeric:normal}
html[data-cd-look="c"] .cdc-cr-doc .ic{flex:none;width:16px;height:16px;color:var(--icon)}
html[data-cd-look="c"] .cdc-cr-doc .ic.s{width:14px;height:14px;stroke-width:2}
html[data-cd-look="c"] .cdc-cr-doc:hover,html[data-cd-look="c"] .cdc-cr-doc[aria-expanded="true"]{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-cr-doc:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-saved{display:inline-flex;align-items:center;gap:4px;margin-right:8px;font:400 12px/16px var(--font-sans);color:var(--text-4);white-space:nowrap}
html[data-cd-look="c"] .cdc-saved .ic{width:12px;height:12px;color:var(--icon);stroke-width:2.2}
html[data-cd-look="c"] .cdc-saved.in{animation:cdc-fade var(--dur-3) var(--ease-out)}

/* the screen: toolbar on top (crumb 36 → 16 → toolbar 36 → 28 → the first room), the rooms scroll under it, the FAB floats */
html[data-cd-look="c"] .cdc-sch{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}
html[data-cd-look="c"] .cdc-sch-tb{display:flex;align-items:center;gap:20px;height:36px;margin:16px 0 28px;padding:0 24px;min-width:0}
html[data-cd-look="c"] .cdc-sch-tb .sp{flex:1;min-width:0}
html[data-cd-look="c"] .cdc-sch-sc{position:relative;min-height:0;overflow:auto;padding:0 24px 128px}
html[data-cd-look="c"] .cdc-sch-in.cdc-swap > *{animation:cdc-fade var(--dur-3) var(--ease-out)}
html[data-cd-look="c"] .cdc-sch-in.cdc-swap > .cdc-tot{animation:cdc-up 200ms var(--ease-out)}
html[data-cd-look="c"] .cdc-sch-in.cdc-swap > .cdc-ap-sub{animation:none}
html[data-cd-look="c"] .cdc-sch-in.cdc-arrive > *{animation:cdc-fade 200ms var(--ease-out)}
html[data-cd-look="c"] .cdc-sch-in.pfin :is(.cdc-tot .m.pf,.c.pfc,.cdc-colh .cp,.pfm){animation:cdc-fade var(--dur-3) var(--ease-out)}
/* the FAB: the screen's one blue; a pill with a soft glow, it rises in once */
html[data-cd-look="c"] .cdc-sch-fab{position:fixed;right:24px;bottom:24px;z-index:30;height:40px;padding:0 18px 0 14px;gap:8px;border-radius:var(--radius-pill);font:var(--t-body-strong);
  box-shadow:0 0 0 1px var(--accent-ring),0 6px 16px -4px var(--cdc-fab-glow),var(--shadow-control);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),background var(--dur-1);animation:ui-rise 260ms var(--ease-spring) backwards}
html[data-cd-look="c"] .cdc-sch-fab .ic{width:14px;height:14px;stroke-width:2.4}
html[data-cd-look="c"] .cdc-sch-fab:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent-ring-hover),0 8px 20px -4px var(--cdc-fab-glow),var(--shadow-control)}
html[data-cd-look="c"] .cdc-sch-fab:active{transform:translateY(1px);box-shadow:0 0 0 1px var(--accent-ring),var(--shadow-control)}

/* the monochrome segmented control (Состав · Цены · Согласование, Ждут ответа · История, the panel's tabs): one thumb slides */
html[data-cd-look="c"] .cdc-seg{position:relative;display:inline-flex;align-items:center;flex:none;height:36px;padding:3px;border-radius:var(--radius-m);background:var(--surface-offset)}
html[data-cd-look="c"] .cdc-seg > button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--radius-s);font:var(--t-body-medium);color:var(--text-2);white-space:nowrap;transition:color var(--dur-1),background var(--dur-1)}
html[data-cd-look="c"] .cdc-seg > button:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-seg > button.on{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-control),0 0 0 1px var(--border)}
html[data-cd-look="c"] .cdc-seg:has(> .cdc-thumb) > button.on{background:transparent;box-shadow:none}
html[data-cd-look="c"] .cdc-seg > button:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-seg > button.on:focus-visible{box-shadow:var(--shadow-control),0 0 0 1px var(--border-strong)}
html[data-cd-look="c"] .cdc-seg > button .badge{margin-left:2px;height:18px;padding:0 5px}
html[data-cd-look="c"] .cdc-seg > button .badge.up{animation:cdc-roll-up var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-seg > button .badge.dn{animation:cdc-roll-dn var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-seg.sm{height:32px}
html[data-cd-look="c"] .cdc-seg.sm > button{height:26px;padding:0 12px;font:500 13px/16px var(--font-sans)}
html[data-cd-look="c"] .cdc-thumb{position:absolute;left:0;top:3px;bottom:3px;width:0;border-radius:var(--radius-s);background:var(--surface);box-shadow:var(--shadow-control),0 0 0 1px var(--border);pointer-events:none;
  transition:transform 380ms var(--ease-spring),width 380ms var(--ease-spring)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) .cdc-thumb{background:var(--surface-raised)}
/* plain icon + text tools: К комнате ⌄ · Поиск · Сортировка */
html[data-cd-look="c"] .cdc-tl{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border-radius:var(--radius-s);font:var(--t-body);color:var(--text-2);white-space:nowrap;transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-tl .ic{width:16px;height:16px;color:var(--icon);stroke-width:1.8}
html[data-cd-look="c"] .cdc-tl .ic.s{width:12px;height:12px;stroke-width:2.4}
html[data-cd-look="c"] .cdc-tl:hover,html[data-cd-look="c"] .cdc-tl[aria-expanded="true"]{background:var(--surface-hover);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-tl:active{background:var(--surface-pressed);transform:scale(.97)}
html[data-cd-look="c"] .cdc-tl:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-tl.on{color:var(--text)}
html[data-cd-look="c"] .cdc-sch-tb .cdc-tl + .cdc-tl{margin-left:-8px}
html[data-cd-look="c"] .cdc-find{flex:none;display:flex;align-items:center;gap:6px;width:220px;height:32px;padding:0 4px 0 8px;border-radius:var(--radius-s);background:var(--surface);box-shadow:inset 0 0 0 1px var(--control-border);overflow:hidden}
html[data-cd-look="c"] .cdc-find.grow{animation:cdc-grow var(--dur-3) var(--ease-out)}
html[data-cd-look="c"] .cdc-find:focus-within{box-shadow:inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-find > .ic{width:16px;height:16px;color:var(--icon);stroke-width:1.8;flex:none}
html[data-cd-look="c"] .cdc-find input{flex:1;min-width:0;height:30px;padding:0;border:0;background:transparent;box-shadow:none;outline:0;font:var(--t-body);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-find .x{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--radius-xs);color:var(--icon)}
html[data-cd-look="c"] .cdc-find .x .ic{width:14px;height:14px}
html[data-cd-look="c"] .cdc-find .x:hover{background:var(--surface-hover);color:var(--text-strong)}

/* a quiet field: reads as text, a 1 px box on hover, the focus line on focus (§3.8) */
html[data-cd-look="c"] .cdc-q{min-width:0;height:28px;padding:0 6px;border:0;border-radius:var(--radius-xs);background:transparent;box-shadow:none;outline:0;
  font:var(--t-body);color:var(--text-strong);transition:box-shadow var(--dur-2),background var(--dur-2)}
html[data-cd-look="c"] .cdc-q:hover{box-shadow:inset 0 0 0 1px var(--control-border)}
html[data-cd-look="c"] .cdc-q:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-q::placeholder{color:var(--text-4)}

/* a room (Programa section): «Гостиная «Антрацит» 8 · 9 220 AED»; ↑ ↓ Свернуть ⋯ on hover; the add row is a quiet footer */
html[data-cd-look="c"] .cdc-rm + .cdc-rm{margin-top:40px}
html[data-cd-look="c"] .cdc-rh{display:flex;align-items:center;height:40px;min-width:0;margin:0 -8px;padding:0 8px;border-radius:var(--radius-m)}
html[data-cd-look="c"] .cdc-rh.wash{animation:cdc-wash 1.2s var(--ease-out)}
html[data-cd-look="c"] .cdc-rn{flex:none;field-sizing:content;min-width:40px;max-width:420px;height:32px;margin-left:-8px;padding:0 8px;border-radius:var(--radius-s);font:var(--t-heading-s);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-rn:placeholder-shown{min-width:120px}
html[data-cd-look="c"] .cdc-rh > .badge{flex:none;margin-left:6px;padding:0;height:auto;min-width:0;border-radius:0;background:none;box-shadow:none;font:400 14px/20px var(--font-sans);color:var(--text-3);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-rh > .badge.up{animation:cdc-roll-up var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-rh > .badge.dn{animation:cdc-roll-dn var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-rs{flex:none;font:var(--t-body);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-cd-look="c"] .cdc-rs::before{content:"·";margin:0 8px;color:var(--text-4)}
html[data-cd-look="c"] .cdc-ra{display:flex;align-items:center;flex:none;margin-left:auto;gap:4px;padding-left:16px;opacity:0;pointer-events:none;transition:opacity var(--dur-2)}
html[data-cd-look="c"] :is(.cdc-rh:hover,.cdc-rh:focus-within) .cdc-ra,html[data-cd-look="c"] .cdc-ra:has(.btn.sq[aria-expanded="true"]){opacity:1;pointer-events:auto}
html[data-cd-look="c"] .cdc-ra .btn{height:28px;background:transparent;box-shadow:none;font:500 13px/16px var(--font-sans);color:var(--text-2);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-ra .btn.sq{width:28px}
html[data-cd-look="c"] .cdc-ra .btn .ic{width:14px;height:14px;stroke-width:2;color:var(--icon)}
html[data-cd-look="c"] :is(.cdc-ra .btn:hover,.cdc-ra .btn.sq[aria-expanded="true"]){background:var(--surface-hover);box-shadow:none;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-ra .btn:active{background:var(--surface-pressed);transform:scale(.97)}
html[data-cd-look="c"] .cdc-ra .btn:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-ra .cdc-chev{transition:transform var(--dur-2) var(--ease-out)}
html[data-cd-look="c"] .cdc-rm.col .cdc-chev{transform:rotate(-90deg)}
/* a collapsed room says so at rest: a small › after its sum, and the whole header line opens it (review: it looked empty) */
html[data-cd-look="c"] .cdc-rx{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-left:6px;color:var(--icon);transition:color var(--dur-1)}
html[data-cd-look="c"] .cdc-rx .ic{width:14px;height:14px;stroke-width:2;transform:rotate(-90deg)}
html[data-cd-look="c"] .cdc-rm.col > .cdc-rh{cursor:pointer;transition:background-color var(--dur-1)}
html[data-cd-look="c"] .cdc-rm.col > .cdc-rh:hover{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-rm.col > .cdc-rh:hover .cdc-rx{color:var(--text-strong)}
/* «Из библиотеки · Своя позиция · Комната» under the room's lines (Stripe «Add item»); an empty room keeps the bordered call to action */
html[data-cd-look="c"] .cdc-rt{display:flex;align-items:center;gap:2px;height:32px;margin:4px 0 0 -8px;min-width:0;transition:opacity var(--dur-2)}
/* the footer shows with the room (hover / focus inside): a one-line room is no longer four bands of chrome; the FAB adds too */
html[data-cd-look="c"] .cdc-rm:not(.cdc-rm-empty) > .cdc-rt{opacity:0}
html[data-cd-look="c"] .cdc-rm:not(.cdc-rm-empty):is(:hover,:focus-within) > .cdc-rt{opacity:1}
/* the hidden footer keeps its 36 px band (no shift on hover), so the gap after such a room is trimmed to the same ~60 px rhythm */
html[data-cd-look="c"] .cdc-rm:not(.col):not(.cdc-rm-empty) + :is(.cdc-rm,.cdc-newroom){margin-top:24px}
html[data-cd-look="c"] .cdc-rt .btn{height:28px;padding:0 8px;gap:6px;background:transparent;box-shadow:none;font:500 13px/16px var(--font-sans);color:var(--text-3);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-rt .btn .ic{width:14px;height:14px;stroke-width:2;color:var(--icon)}
html[data-cd-look="c"] .cdc-rt .btn:hover{background:var(--surface-hover);box-shadow:none;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-rt .btn:active{background:var(--surface-pressed);transform:scale(.97)}
html[data-cd-look="c"] .cdc-rt .btn:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-rm-empty > .cdc-rt{margin:8px 0 0;gap:8px}
html[data-cd-look="c"] .cdc-rm-empty > .cdc-rt .btn{padding:0 10px;background:var(--btn-bg);box-shadow:var(--shadow-control),0 0 0 1px var(--border);color:var(--text)}
html[data-cd-look="c"] .cdc-rm-empty > .cdc-rt .btn:hover{background:var(--surface-hover);box-shadow:var(--shadow-control),0 0 0 1px var(--border-strong)}
/* «+ Новая комната»: a ghost room heading */
html[data-cd-look="c"] .cdc-newroom{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;height:36px;margin:40px 0 0 -8px;padding:0 10px 0 8px;border-radius:var(--radius-m);background:transparent;box-shadow:none;
  font:500 15px/20px var(--font-sans);color:var(--text-3);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-newroom .ic{width:16px;height:16px;stroke-width:2}
html[data-cd-look="c"] .cdc-newroom:hover{background:var(--surface-hover);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-newroom:active{background:var(--surface-pressed);transform:scale(.97)}
html[data-cd-look="c"] .cdc-newroom:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-nohit{padding:32px 0 8px;font:var(--t-body);color:var(--text-3);text-align:center}

/* the lines: hairline rows on the page surface; one column header per room (named once, never under every value) */
html[data-cd-look="c"] .cdc-cards{display:grid;gap:0;margin:0 -8px}
html[data-cd-look="c"] :is(.cdc-cd,.cdc-colh){display:grid;grid-template-columns:72px minmax(220px,2fr) minmax(120px,1fr) minmax(120px,1fr) 64px 168px 128px;column-gap:20px}
html[data-cd-look="c"] .cdc-cards.ceny :is(.cdc-cd,.cdc-colh){grid-template-columns:72px minmax(220px,2fr) minmax(112px,1fr) 64px minmax(112px,1fr) 168px 128px}
html[data-cd-look="c"] .cdc-cards.ceny.pf :is(.cdc-cd,.cdc-colh){grid-template-columns:72px minmax(200px,2fr) minmax(112px,1fr) 64px minmax(112px,1fr) minmax(104px,.9fr) 168px 128px}
html[data-cd-look="c"] .cdc-colh{align-items:end;height:28px;padding:0 8px 6px;font:400 12px/16px var(--font-sans);color:var(--text-3);white-space:nowrap}
html[data-cd-look="c"] .cdc-colh > span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-colh > .r{text-align:right}
html[data-cd-look="c"] .cdc-cd{position:relative;align-items:center;min-height:88px;padding:8px;border-radius:var(--radius-m);background:transparent;box-shadow:none;cursor:default;transition:background-color var(--dur-1)}
html[data-cd-look="c"] .cdc-cd::before{content:"";position:absolute;left:100px;right:8px;top:0;height:1px;background:var(--border-soft);pointer-events:none;transition:opacity var(--dur-2)}
html[data-cd-look="c"] :is(.cdc-colh + .cdc-cd,.cdc-cd:is(:hover,.cur,:has([aria-expanded="true"])),.cdc-cd:is(:hover,.cur,:has([aria-expanded="true"])) + .cdc-cd)::before{opacity:0}
html[data-cd-look="c"] .cdc-cd:is(:hover,:has([aria-expanded="true"])){background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-cd.cur{background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-cd.new{animation:cdc-enter var(--dur-4) var(--ease-out) backwards,cdc-wash 1.2s var(--ease-out);animation-delay:calc(var(--i,0) * 30ms),0ms}
html[data-cd-look="c"] .cdc-cd.in{animation:cdc-enter var(--dur-4) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 25ms)}
html[data-cd-look="c"] :is(.cdc-cd.hid > :not(.rt):not(.st):not(.spec),.cdc-cd.hid > .spec > *){opacity:.55}
html[data-cd-look="c"] :is(.cdc-cd.hid.dim > :not(.rt):not(.st):not(.spec),.cdc-cd.hid.dim > .spec > *){animation:cdc-dim var(--dur-3) var(--ease-out)}
/* the photo tile: the hero of the row (matte, a soft edge, a small zoom on hover) */
html[data-cd-look="c"] .cdc-cd .ph{display:grid;place-items:center;width:72px;height:72px;padding:6px;border-radius:var(--radius-m);background:var(--cdc-matte);outline:1px solid var(--border-soft);outline-offset:-1px;overflow:hidden;cursor:pointer}
html[data-cd-look="c"] .cdc-cd .ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04);transition:transform var(--dur-4) var(--ease-out),opacity var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-cd:hover .ph img{transform:scale(1.04)}
html[data-cd-look="c"] .cdc-cd .ph.u{background:var(--surface-offset);outline-color:transparent;font:400 13px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-cd .ph.x{background:var(--surface-offset);outline-color:transparent;color:var(--icon)}
html[data-cd-look="c"] .cdc-cd .ph.x .ic{width:20px;height:20px;stroke-width:1.6}
html[data-cd-look="c"] .cdc-cd .ph:focus-visible{box-shadow:var(--focus-ring)}
/* name · finish · артикул */
html[data-cd-look="c"] .cdc-cd .c{min-width:0}
html[data-cd-look="c"] .cdc-cd .c.nm{display:flex;flex-direction:column;justify-content:center;gap:2px}
html[data-cd-look="c"] .cdc-cd .nl{display:flex;align-items:center;min-width:0;height:20px}
html[data-cd-look="c"] .cdc-cd .nl input.cdc-q{field-sizing:content;flex:0 1 auto;min-width:48px;max-width:100%;height:20px;margin-left:-6px;padding:0 6px;font:500 14px/20px var(--font-sans);color:var(--text-strong);text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-cd .nl input.cdc-q:placeholder-shown{min-width:160px}
html[data-cd-look="c"] .cdc-cd .lk{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-xs);color:var(--icon);transition:opacity var(--dur-2),background var(--dur-1),color var(--dur-1)}
html[data-cd-look="c"] .cdc-cd .lk .ic{width:16px;height:16px;stroke-width:1.8}
html[data-cd-look="c"] .cdc-cd:not(:hover):not(:focus-within) .lk{opacity:0}
html[data-cd-look="c"] .cdc-cd a.lk:hover{color:var(--text-strong);background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-cd a.lk:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-cd .c.nm .cap{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 13px/18px var(--font-sans);color:var(--text-2)}
html[data-cd-look="c"] .cdc-cd .t{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-cd .c.nm > .t{font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-cd .c.nm > .t.ph-t{color:var(--text-4)}
html[data-cd-look="c"] .cdc-cd .t.sku{font-variant-numeric:normal}
/* Состав: Категория · Размер (one value per cell; the pair is two grid items) · Кол-во */
html[data-cd-look="c"] .cdc-cd .c.spec{display:contents}
html[data-cd-look="c"] .cdc-cd .c.q{display:flex;align-items:center;justify-content:flex-end;overflow:visible}
html[data-cd-look="c"] .cdc-cd .c.q input.cdc-q{field-sizing:content;flex:none;min-width:28px;max-width:64px;height:24px;margin-right:-6px;padding:0 6px;text-align:right;font:var(--t-body);font-variant-numeric:tabular-nums;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-cd .c.q input.cdc-q:not(:last-child){margin-right:-2px}
html[data-cd-look="c"] .cdc-cd .c.q .u{flex:none;font:400 13px/18px var(--font-sans);font-style:normal;color:var(--text-3);white-space:nowrap}
html[data-cd-look="c"] .cdc-cd .c.st{display:flex;align-items:center;justify-self:start;min-width:0}
/* Цены: numbers right-aligned and tabular */
html[data-cd-look="c"] .cdc-cd .c:is(.pc,.sm,.pfc){display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}
html[data-cd-look="c"] .cdc-cd .pr{display:flex;align-items:center;justify-content:flex-end;gap:0;height:24px}
html[data-cd-look="c"] .cdc-cd .pr input.cdc-q{field-sizing:content;min-width:28px;max-width:110px;width:auto;height:24px;padding:0 6px;text-align:right;font:var(--t-body);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-cd .pr i{font:var(--t-body);font-style:normal;color:var(--text-3)}
html[data-cd-look="c"] .cdc-cd .was{font:400 12px/16px var(--font-sans);color:var(--text-3);text-decoration:line-through;font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-cd .c.sm .t.b{font:500 14px/20px var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-cd .c.sm .t.b i{margin-left:.3em;font-style:normal;font-weight:400;color:var(--text-3)}
html[data-cd-look="c"] .cdc-cd .t.out{color:var(--text-3);text-decoration:line-through}
html[data-cd-look="c"] .cdc-cd .c.pfc .t{color:var(--text-2);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-cd .t.na{color:var(--text-4)}
html[data-cd-look="c"] .cdc-cd .pfm{display:none;font:400 12px/16px var(--font-sans);color:var(--text-2);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-cd .pfm .t{font:inherit;color:inherit}
/* the row's right side: «Подробнее» and ⋯ show on hover / focus / the open line (opacity: they stay in the Tab order) */
html[data-cd-look="c"] .cdc-cd .c.rt{display:flex;align-items:center;justify-content:flex-end;gap:4px}
html[data-cd-look="c"] .cdc-more{height:28px;padding:0 10px;background:transparent;box-shadow:none;font:500 13px/16px var(--font-sans);color:var(--text-2)}
html[data-cd-look="c"] .cdc-cd .rt :is(.cdc-more,.btn.sq){opacity:0;background:transparent;box-shadow:none;transition:opacity var(--dur-2),background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-cd .rt .btn.sq{width:28px;height:28px;color:var(--icon)}
html[data-cd-look="c"] .cdc-cd:is(:hover,:focus-within,.cur,:has([aria-expanded="true"])) .rt :is(.cdc-more,.btn.sq){opacity:1}
html[data-cd-look="c"] .cdc-cd .rt :is(.cdc-more,.btn.sq):is(:hover,[aria-expanded="true"]){background:var(--surface-pressed);box-shadow:none;color:var(--text-strong)}
html[data-cd-look="c"] .cdc-cd.cur .rt :is(.cdc-more,.btn.sq):is(:hover,[aria-expanded="true"]){background:var(--row-selected-hover)}
html[data-cd-look="c"] .cdc-cd .rt :is(.cdc-more,.btn.sq):active{transform:scale(.97)}
html[data-cd-look="c"] .cdc-cd .rt :is(.cdc-more,.btn.sq):focus-visible{box-shadow:var(--focus-ring)}

/* the status tag: a pastel tag only for states that need attention; Черновик / Скрыто stay plain (glyph + text) */
html[data-cd-look="c"] .cdc-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px 0 7px;border-radius:var(--radius-pill);background:transparent;box-shadow:none;font:500 12px/16px var(--font-sans);color:var(--text-2);white-space:nowrap;
  transition:background-color var(--dur-3),filter var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-pill[data-tone="warning"]{background:var(--badge-warning-bg);color:var(--badge-warning-text)}
html[data-cd-look="c"] .cdc-pill[data-tone="success"]{background:var(--badge-success-bg);color:var(--badge-success-text)}
html[data-cd-look="c"] .cdc-pill[data-tone="danger"]{background:var(--badge-danger-bg);color:var(--badge-danger-text)}
html[data-cd-look="c"] .cdc-pill[data-tone="info"]{background:var(--badge-info-bg);color:var(--badge-info-text)}
html[data-cd-look="c"] button.cdc-pill:is([data-tone="draft"],[data-tone="hidden"]):is(:hover,[aria-expanded="true"]){background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-cd.cur button.cdc-pill:is([data-tone="draft"],[data-tone="hidden"]):is(:hover,[aria-expanded="true"]){background:var(--row-selected-hover)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) button.cdc-pill:is([data-tone="draft"],[data-tone="hidden"]):is(:hover,[aria-expanded="true"]){background:var(--surface-hover-raised)}
html[data-cd-look="c"] button.cdc-pill:not([data-tone="draft"]):not([data-tone="hidden"]):is(:hover,[aria-expanded="true"]){filter:brightness(.97)}
html[data-cd-look="c"][data-theme="dark"] button.cdc-pill:not([data-tone="draft"]):not([data-tone="hidden"]):is(:hover,[aria-expanded="true"]){filter:brightness(1.12)}
html[data-cd-look="c"] button.cdc-pill:active{transform:scale(.97)}
html[data-cd-look="c"] .cdc-pill:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-pill.pop > span{animation:cdc-fade 140ms var(--ease-out)}
html[data-cd-look="c"] .cdc-pill .cdc-pill-ch{flex:none;width:0;height:12px;margin-left:-6px;opacity:0;color:currentColor;stroke-width:2.2;transition:opacity var(--dur-2),width var(--dur-2),margin var(--dur-2)}
html[data-cd-look="c"] :is(.cdc-cd:hover,.cdc-cd:focus-within,.cdc-it-bar) .cdc-pill .cdc-pill-ch,html[data-cd-look="c"] .cdc-pill[aria-expanded="true"] .cdc-pill-ch{width:12px;margin-left:0;opacity:1}
html[data-cd-look="c"] .cdc-gl{width:12px;height:12px;flex:none;color:var(--icon)}
html[data-cd-look="c"] .cdc-gl.warning{color:var(--warning)}
html[data-cd-look="c"] .cdc-gl.success{color:var(--success)}
html[data-cd-look="c"] .cdc-gl.danger{color:var(--danger)}
html[data-cd-look="c"] .cdc-gl.info{color:var(--info)}
html[data-cd-look="c"] .cdc-gl .m{fill:none;stroke:var(--on-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* the per-line status menu: a plain list (glyph · label · the tick on the current one), four groups */
html[data-cd-look="c"] .menu.cdc-stmenu{display:block;padding:4px}
html[data-cd-look="c"] .menu.cdc-stmenu .mi{display:flex;width:100%;height:30px;min-height:30px;padding:0 8px;gap:8px;border-radius:var(--radius-s);box-shadow:none;background:transparent;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .menu.cdc-stmenu .mi:is(:hover,.act,:focus-visible,:focus){background:var(--surface-hover-raised)}
html[data-cd-look="c"] .menu.cdc-stmenu .mi.on{color:var(--text-strong);font-weight:500}
html[data-cd-look="c"] .menu.cdc-stmenu .mi .ml{flex:1}
html[data-cd-look="c"] .menu.cdc-stmenu .sep{height:1px;margin:4px -4px;background:var(--border-soft)}
/* the row ⋯ «Перенести в комнату ›»: «Выбрать комнату» + a hairline, a + at the right of every room */
html[data-cd-look="c"][data-route="kp"] .menu.sub .mh{display:flex;align-items:center;gap:8px;font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"][data-route="kp"] .menu.sub .mh::after{content:"";flex:1;height:1px;background:var(--border-soft)}
html[data-cd-look="c"] .menu .mi.cdc-mvr .hint{font:400 16px/16px var(--font-sans);color:var(--icon)}

/* Цены: the totals (Programa «Totals») as one light row: labels over values, only «Итого» is heavy */
/* the strip wraps instead of squeezing (fix 2026-10-23: at ≤ 1050 px the values ran into each other); a value never breaks */
html[data-cd-look="c"] .cdc-tot{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 36px;min-height:64px;margin-bottom:32px;padding:10px 0 14px;box-shadow:inset 0 -1px 0 var(--border-soft);min-width:0}
html[data-cd-look="c"] .cdc-tot .m{display:flex;flex:none;flex-direction:column-reverse;justify-content:flex-end;gap:2px;white-space:nowrap}
html[data-cd-look="c"] .cdc-tot :is(.m b,.dsc input,.dsc i){font:500 15px/24px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-strong)}
/* one unit recipe across the КП: the number strong, «AED» a grey suffix */
html[data-cd-look="c"] .cdc-tot .m b i,html[data-cd-look="c"] .cdc-tot .dsc i{margin-left:.3em;font-style:normal;font-weight:400;color:var(--text-3)}
html[data-cd-look="c"] .cdc-tot .dsc{display:flex;align-items:center;gap:0;height:24px}
html[data-cd-look="c"] .cdc-tot .dsc input{field-sizing:content;min-width:20px;max-width:120px;width:auto;height:24px;margin-left:-6px;padding:0 6px}
html[data-cd-look="c"] .cdc-tot .dsc input + i{margin-left:0}
html[data-cd-look="c"] .cdc-tot .dsc input::placeholder,html[data-cd-look="c"] .cdc-tot .dsc input:placeholder-shown + i{color:var(--text-4)}
html[data-cd-look="c"] .cdc-tot .m.mu b,html[data-cd-look="c"] .cdc-tot .m.mu b i{color:var(--text-3)}
html[data-cd-look="c"] .cdc-tot .m.big{padding-left:36px;box-shadow:inset 1px 0 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-tot .m.big b{font:600 20px/28px var(--font-sans);letter-spacing:-.01em}
html[data-cd-look="c"] .cdc-tot .m.ok b{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-tot .m.ok b::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 2px 6px;border-radius:50%;background:var(--dot-green);vertical-align:middle}
html[data-cd-look="c"] .cdc-pfsw{display:flex;align-items:center;align-self:center;gap:8px;flex:none;margin-left:auto;font:400 13px/18px var(--font-sans);color:var(--text-3);cursor:pointer;white-space:nowrap}
/* Согласование (Programa Approvals): full width, the same hairline rows; the status as the same tag */
html[data-cd-look="c"] .cdc-ap-sub{margin:0 0 20px}
html[data-cd-look="c"] .cdc-ap{max-width:none;margin:0 -8px}
html[data-cd-look="c"] .cdc-ap-r{position:relative;display:grid;grid-template-columns:48px minmax(200px,1fr) 168px auto;column-gap:20px;align-items:center;min-height:64px;padding:8px;border-radius:var(--radius-m);cursor:pointer;outline:0;transition:background-color var(--dur-1)}
/* «Ждут ответа»: every line there is «На согласовании», so the tag column goes (the tab says it) */
html[data-cd-look="c"] .cdc-ap.wait .cdc-ap-r{grid-template-columns:48px minmax(200px,1fr) auto}
html[data-cd-look="c"] .cdc-ap-r + .cdc-ap-r::before{content:"";position:absolute;left:76px;right:8px;top:0;height:1px;background:var(--border-soft);pointer-events:none;transition:opacity var(--dur-2)}
html[data-cd-look="c"] :is(.cdc-ap-r:not(.gone):hover,.cdc-ap-r:not(.gone):hover + .cdc-ap-r)::before{opacity:0}
html[data-cd-look="c"] .cdc-ap-r.gone{cursor:default}
html[data-cd-look="c"] .cdc-ap-r:not(.gone):hover{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-ap-r:not(.gone):active{background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-ap-r:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-ap-r .th{display:grid;place-items:center;width:48px;height:48px;padding:4px;border-radius:var(--radius-m);background:var(--cdc-matte);outline:1px solid var(--border-soft);outline-offset:-1px;overflow:hidden}
html[data-cd-look="c"] .cdc-ap-r .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04);transition:opacity var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-ap-r .th:not(:has(img)){background:var(--surface-offset);outline-color:transparent}
html[data-cd-look="c"] .cdc-ap-r .th .u{font:400 11px/14px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ap-r .nm{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 14px/20px var(--font-sans);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-ap-r .cdc-pill{justify-self:start}
/* the last column: who · when; on hover / focus the demo answers take its place (one grid cell, so the columns never move) */
html[data-cd-look="c"] .cdc-ap-r .end{display:grid;align-items:center;justify-items:end;min-width:0}
html[data-cd-look="c"] .cdc-ap-r .end > *{grid-area:1 / 1}
html[data-cd-look="c"] .cdc-ap-r .end small{font:400 13px/18px var(--font-sans);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity var(--dur-2)}
html[data-cd-look="c"] .cdc-ap-r .acts{display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity var(--dur-2)}
html[data-cd-look="c"] .cdc-ap-r:is(:hover,:focus-within) .acts{opacity:1;pointer-events:auto}
html[data-cd-look="c"] .cdc-ap-r:is(:hover,:focus-within) .acts + small{opacity:0}
html[data-cd-look="c"] .cdc-demo-b{display:inline-flex;align-items:center;height:26px;padding:0 8px;border-radius:var(--radius-s);font:400 13px/16px var(--font-sans);color:var(--text-3);white-space:nowrap;transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-demo-b:hover{background:var(--surface-pressed);color:var(--text-strong)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) .cdc-demo-b:hover{background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-demo-b:active{transform:scale(.97)}
html[data-cd-look="c"] .cdc-demo-b:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-ap-none{display:grid;justify-items:center;gap:6px;padding:56px 0;text-align:center;animation:cdc-fade var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-ap-none b{font:var(--t-body-medium);color:var(--text-2)}
html[data-cd-look="c"] .cdc-ap-none span{font:400 13px/18px var(--font-sans);color:var(--text-3)}

/* an empty КП: four starts as soft cards */
html[data-cd-look="c"] .cdc-first{display:grid;justify-items:center;padding-top:min(96px,10vh);text-align:center}
html[data-cd-look="c"] .cdc-first h2{margin:0;font:600 20px/28px var(--font-sans);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-first p{max-width:460px;margin:8px 0 0;font:var(--t-body);color:var(--text-2)}
html[data-cd-look="c"] .cdc-first .b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:880px;margin-top:28px}
html[data-cd-look="c"] .cdc-first .b .btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;height:auto;min-height:92px;padding:16px;border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);text-align:left;white-space:normal;
  transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3),background var(--dur-1)}
html[data-cd-look="c"] .cdc-first .b .btn:hover{transform:translateY(-1px);background:var(--surface);box-shadow:var(--shadow-hover)}
html[data-cd-look="c"] .cdc-first .b .btn:active{transform:none;background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-first .b .btn:focus-visible{box-shadow:inset 0 0 0 1px var(--border),var(--focus-ring)}
html[data-cd-look="c"] .cdc-first .b .btn > .ic{box-sizing:content-box;width:16px;height:16px;padding:6px;border-radius:var(--radius-m);stroke-width:1.8}
html[data-cd-look="c"] .cdc-first .b .btn:nth-child(1) > .ic{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}
html[data-cd-look="c"] .cdc-first .b .btn:nth-child(2) > .ic{background:var(--badge-info-bg);color:var(--badge-info-text)}
html[data-cd-look="c"] .cdc-first .b .btn:nth-child(3) > .ic{background:var(--badge-purple-bg);color:var(--badge-purple-text)}
html[data-cd-look="c"] .cdc-first .b .btn:nth-child(4) > .ic{background:var(--badge-warning-bg);color:var(--badge-warning-text)}
html[data-cd-look="c"] .cdc-first .b .tt{display:grid;gap:2px}
html[data-cd-look="c"] .cdc-first .b .tt b{font:500 14px/20px var(--font-sans);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-first .b .tt small{font:400 13px/18px var(--font-sans);color:var(--text-3)}

/* small square buttons (sort ↓ ↑ ×, the link row of «Поделиться») */
html[data-cd-look="c"] .sqb{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-s);background:var(--surface-offset);color:var(--icon);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .sqb .ic{width:16px;height:16px;stroke-width:1.8}
html[data-cd-look="c"] .sqb:hover{background:var(--surface-offset-hover);color:var(--text-strong)}
html[data-cd-look="c"] .sqb:active{transform:scale(.97)}
html[data-cd-look="c"] .sqb.on{background:var(--surface-pressed);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border)}
html[data-cd-look="c"] .sqb:focus-visible{box-shadow:var(--focus-ring)}
/* «Сортировка» and «Переименовать» popovers */
html[data-cd-look="c"] .cdc-sortpop{padding:12px}
html[data-cd-look="c"] .cdc-sortp{display:grid;gap:8px}
html[data-cd-look="c"] .cdc-sortp > b{font:600 13px/16px var(--font-sans);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-sortp .r{display:flex;align-items:center;gap:6px}
html[data-cd-look="c"] .cdc-sortp select{flex:1;min-width:0;height:32px}
html[data-cd-look="c"] .cdc-sortp .ck{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:10px;box-shadow:inset 0 1px 0 var(--border-soft);font:var(--t-body);color:var(--text);cursor:pointer}
html[data-cd-look="c"] .cdc-ren{display:grid;gap:8px}
html[data-cd-look="c"] .cdc-ren label{font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ren .input{height:32px}
html[data-cd-look="c"] .cdc-ren .btn{width:100%;height:30px}
html[data-cd-look="c"] .cdc-ask{width:100%;height:32px}

/* every product photo of this block fades in once when it has loaded (JS marks loaded ones .ld, so a redraw never re-fades) */
html[data-cd-look="c"] :is(.cdc-cd .ph,.cdc-ar .pt,.cdc-it-ph .t,.cdc-ap-r .th) img:not(.ld){opacity:0}

/* the add drawer (520, Programa «Add product»): товары / услуги as hairless rows with the price on the right; комплекты as cards */
html[data-cd-look="c"] .cdc-add-dw .drawer-b{padding:0 20px 24px}
html[data-cd-look="c"] .cdc-add-t{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-add-to{display:flex;align-items:center;gap:4px;margin-top:8px;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-add-rm{display:inline-flex;align-items:center;gap:4px;max-width:260px;height:24px;padding:0 4px;border-radius:var(--radius-xs);font:500 13px/16px var(--font-sans);color:var(--text-strong);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-add-rm .ic{flex:none;width:12px;height:12px;color:var(--icon)}
html[data-cd-look="c"] .cdc-add-rm:hover,html[data-cd-look="c"] .cdc-add-rm[aria-expanded="true"]{background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-add-rm:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-add-s{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border-radius:var(--radius-m);background:var(--surface-raised);box-shadow:var(--shadow-control),inset 0 0 0 1px var(--control-border)}
html[data-cd-look="c"] .cdc-add-s:focus-within{box-shadow:var(--shadow-control),inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-add-s > .ic{flex:none;width:16px;height:16px;color:var(--icon);stroke-width:1.8}
html[data-cd-look="c"] .cdc-add-s input{flex:1;min-width:0;height:38px;padding:0;border:0;background:transparent;box-shadow:none;outline:0;font:var(--t-body);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-add-s .x{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:var(--radius-s);color:var(--icon)}
html[data-cd-look="c"] .cdc-add-s .x .ic{width:14px;height:14px}
html[data-cd-look="c"] .cdc-add-s .x:hover{background:var(--surface-hover-raised);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-add-l{display:grid;margin-top:4px}
html[data-cd-look="c"] .cdc-add-l .pt{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:4px;border-radius:var(--radius-m);background:var(--surface-offset);color:var(--icon);overflow:hidden;transition:transform var(--dur-1) var(--ease-out)}
html[data-cd-look="c"] .cdc-add-l .pt .ic{width:18px;height:18px;stroke-width:1.8}
html[data-cd-look="c"] .cdc-add-hint{display:flex;flex-direction:column;align-items:center;gap:4px;padding:48px 0;text-align:center;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ac{display:flex;align-items:center;gap:12px;width:calc(100% + 16px);height:56px;margin:0 -8px;padding:4px 8px;border-radius:var(--radius-m);box-shadow:none;font:var(--t-body-medium);color:var(--text-strong);text-align:left;transition:background-color var(--dur-1)}
html[data-cd-look="c"] .cdc-ac .pt{width:40px;height:40px;padding:0}
html[data-cd-look="c"] .cdc-ac b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
html[data-cd-look="c"] .cdc-ac:is(:hover,.act){background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-ac:active{background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-ac:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-add-l .cdc-dv{display:block;margin:20px 0 8px;font:500 12px/16px var(--font-sans);color:var(--text-3)}   /* scoped: the Документы tab's status .seg is .cdc-dv too */
html[data-cd-look="c"] .cdc-add-l > .cdc-dv:first-child{margin-top:8px}
html[data-cd-look="c"] .cdc-ac + .cdc-add-hint{padding-top:32px}
html[data-cd-look="c"] .cdc-ar{display:flex;align-items:center;gap:12px;width:calc(100% + 16px);min-height:68px;margin:0 -8px;padding:8px;border-radius:var(--radius-m);text-align:left;transition:background-color var(--dur-1)}
html[data-cd-look="c"] .cdc-ar:is(:hover,.act){background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-ar:active{background:var(--surface-pressed)}
html[data-cd-look="c"] .cdc-ar:active .pt{transform:scale(.96)}
html[data-cd-look="c"] .cdc-ar:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-ar .pt{background:var(--cdc-matte);outline:1px solid var(--border-soft);outline-offset:-1px}
html[data-cd-look="c"] .cdc-ar .pt img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04);transition:opacity var(--dur-4) var(--ease-out),transform var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-ar .pt.set{padding:0}
html[data-cd-look="c"] .cdc-ar .pt.set img{object-fit:cover;mix-blend-mode:normal;filter:none}
/* a set whose cover is a packshot (no room render yet): the product-tile recipe, not a cropped cover */
html[data-cd-look="c"] .cdc-ar .pt.set.pk{padding:4px;background:var(--cdc-matte)}
html[data-cd-look="c"] .cdc-ar .pt.set.pk img{object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-ar .pt.u{background:var(--surface-offset);outline-color:transparent;font:400 12px/14px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ar .tx{display:grid;flex:1;min-width:0}
html[data-cd-look="c"] .cdc-ar .tx b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-ar .tx small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-ar .pr{display:flex;flex-direction:column;align-items:flex-end;flex:none;min-width:72px;white-space:nowrap}
html[data-cd-look="c"] .cdc-ar .pr.row{flex-direction:row;align-items:center;justify-content:flex-end}
html[data-cd-look="c"] .cdc-ar .pr b{font:500 14px/20px var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-ar .pr small{font:400 12px/16px var(--font-sans);color:var(--text-3);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-n{display:inline-flex;align-items:center;height:20px;margin-right:8px;padding:0 6px;border-radius:var(--radius-pill);background:var(--badge-success-bg);box-shadow:none;color:var(--badge-success-text);font:var(--t-caption-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-n.pop{animation:cdc-pop 260ms var(--ease-out)}
/* a pick: a neutral press that fades (the «✓ n» tag stays) */
html[data-cd-look="c"] .cdc-ar.just{animation:cdc-pick 600ms var(--ease-out)}
/* swap («Заменить: …»): the piece being replaced pinned on top; the difference as a small tag under the price */
html[data-cd-look="c"] .cdc-ar.cur{cursor:default;margin-bottom:4px;background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-ar.cur:active .pt{transform:none}
html[data-cd-look="c"] .cdc-ar .dl{display:inline-flex;align-items:center;height:18px;margin-top:2px;padding:0 6px;border-radius:var(--radius-pill);font:var(--t-caption-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-ar .dl.up{background:var(--badge-warning-bg);color:var(--badge-warning-text)}
html[data-cd-look="c"] .cdc-ar .dl.lo{background:var(--badge-success-bg);color:var(--badge-success-text)}
html[data-cd-look="c"] .cdc-ar .dl.eq{height:16px;padding:0;background:none;font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-add-more{padding:16px 0;font:var(--t-caption);color:var(--text-3);text-align:center}
/* комплекты: two columns of cards, the room photograph as the cover */
html[data-cd-look="c"] .cdc-add-l.sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 4px;margin-left:-8px;margin-right:-8px}
html[data-cd-look="c"] .cdc-add-l.sets > .cdc-dv{padding:0 8px}
html[data-cd-look="c"] .cdc-add-l.sets > :is(.cdc-dv,.cdc-add-more,.cdc-add-hint){grid-column:1/-1}
html[data-cd-look="c"] .cdc-add-l.sets > .cdc-dv{margin-bottom:-4px}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar{position:relative;flex-direction:column;align-items:stretch;gap:8px;width:auto;min-height:0;margin:0;padding:8px;border-radius:var(--radius-l)}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar .pt.set{width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--radius-l)}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar .pt.set.pk{padding:12px}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar:is(:hover,.act) .pt.set img{transform:scale(1.03)}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar:active .pt{transform:none}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-ar .tx{padding:0 2px}
html[data-cd-look="c"] .cdc-add-l.sets .cdc-n{position:absolute;top:16px;right:16px;margin:0}
/* the add drawer's filters (owner 2026-10-23: «фильтры, а не чтобы писать»): one sticky head under «в комнату …» — search,
   Товары · Комплекты · Услуги, ONE row of chips that scrolls sideways (fade + round › at the edge), price ranges + colour dots,
   the result line with «Сбросить». Chips: thin outline, selected = the pressed grey fill (no accent colour), the count inside. */
html[data-cd-look="c"] .cdc-add{position:relative}
/* CDC.picker outside the drawer: the container scrolls (.cdc-pk-scroll) with the drawer's 20 px sides; a host on the page sets
   --cdc-pk-pad / --cdc-pk-bg (the sticky head's backdrop: the raised drawer surface by default) */
html[data-cd-look="c"] .cdc-pk-scroll{min-height:0;overflow:auto;padding:0 var(--cdc-pk-pad,20px) 24px}
/* opts.compact (a narrow column, ~360–440 px): tighter type segment and rows */
html[data-cd-look="c"] .cdc-pk.compact .cdc-add-ty{gap:4px}
html[data-cd-look="c"] .cdc-pk.compact .cdc-add-ty > button{gap:4px;padding:0 6px}
html[data-cd-look="c"] .cdc-pk.compact .cdc-ar{gap:10px;min-height:60px}
html[data-cd-look="c"] .cdc-pk.compact .cdc-add-l .pt{width:44px;height:44px}
html[data-cd-look="c"] .cdc-pk.compact .cdc-add-all{padding-left:62px}
html[data-cd-look="c"] .cdc-add-hd{position:sticky;top:0;z-index:3;margin:0 calc(-1 * var(--cdc-pk-pad,20px));padding:12px var(--cdc-pk-pad,20px) 0;background:var(--cdc-pk-bg,var(--surface-raised));transition:box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-add-hd.stuck{box-shadow:inset 0 -1px 0 var(--border)}
html[data-cd-look="c"] .cdc-add-ty{display:flex;gap:6px;width:100%;margin-top:12px}
html[data-cd-look="c"] .cdc-add-ty > button{flex:1 1 0;justify-content:center;min-width:0;height:32px;gap:6px}
html[data-cd-look="c"] .cdc-add-ty > button .n{font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-chip{flex:none;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--border);font:400 13px/18px var(--font-sans);color:var(--text);white-space:nowrap;transition:background-color var(--dur-1),color var(--dur-1),opacity var(--dur-1)}
/* the label keeps the width of its 500 weight, so a chip that turns on never pushes the wrapping row around */
html[data-cd-look="c"] .cdc-chip .l{display:inline-flex;flex-direction:column}
html[data-cd-look="c"] .cdc-chip .l::after{content:attr(data-l) / "";height:0;overflow:hidden;visibility:hidden;font-weight:500;pointer-events:none;user-select:none}
html[data-cd-look="c"] .cdc-chip .n{color:var(--text-3);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-chip .ic{width:12px;height:12px;stroke-width:2.2;color:var(--icon)}
html[data-cd-look="c"] .cdc-chip:hover:not(:disabled){background:var(--surface-hover-raised);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-chip[aria-pressed="true"],html[data-cd-look="c"] .cdc-chip[aria-pressed="true"]:hover{background:var(--surface-pressed);color:var(--text-strong);font-weight:500}
html[data-cd-look="c"] .cdc-chip[aria-expanded="true"]{background:var(--surface-hover-raised);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-chip:disabled{opacity:.45;cursor:default}
html[data-cd-look="c"] .cdc-chip:focus-visible{box-shadow:inset 0 0 0 1px var(--border),var(--focus-ring)}
html[data-cd-look="c"] .cdc-chip.bk{padding:0 10px 0 6px;gap:2px}
html[data-cd-look="c"] .cdc-chip.more{gap:4px;padding-right:8px}
/* the row wraps: every chip in view, «Ещё» too (review 2026-10-23: Ковры / Свет / «Ещё» sat behind a sideways scroll). A room's
   row is «Все» + its categories + one picked extra + «Ещё»: two lines in the 520 px drawer */
html[data-cd-look="c"] .cdc-add-cr{margin-top:12px}
html[data-cd-look="c"] .cdc-add-cr .sc{display:flex;flex-wrap:wrap;gap:6px}
/* «Ещё»: inline, under the row — group names in small caps, their chips wrapping */
html[data-cd-look="c"] .cdc-add-mp{display:grid;gap:12px;max-height:min(300px,40vh);margin-top:10px;padding:12px;overflow:auto;border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--border);animation:cdc-fade 160ms var(--ease-out)}
html[data-cd-look="c"] .cdc-add-mp .g{display:grid;gap:6px}
html[data-cd-look="c"] .cdc-add-mp .g > b{font:600 11px/14px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
html[data-cd-look="c"] .cdc-add-mp .cs{display:flex;flex-wrap:wrap;gap:6px}
/* price ranges · a hairline · colour dots (the dots drop to their own line when they do not fit) */
html[data-cd-look="c"] .cdc-add-rf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:10px}
html[data-cd-look="c"] .cdc-add-rf .cdc-pbs{display:flex;gap:6px;flex:none}
html[data-cd-look="c"] .cdc-add-rf .cdc-pbs .cdc-chip{gap:7px}
html[data-cd-look="c"] .cdc-add-rf .cdc-sws{display:flex;flex:none;flex-wrap:wrap;align-items:center;max-width:100%}
html[data-cd-look="c"] .cdc-add-rf .cdc-pbs + .cdc-sws::before{content:"";flex:none;width:1px;height:16px;margin:0 9px 0 10px;background:var(--border)}
html[data-cd-look="c"] .cdc-add-rf.wr .cdc-pbs + .cdc-sws::before{display:none}
html[data-cd-look="c"] .cdc-add-rf.wr .cdc-sws{margin-left:-4px}
html[data-cd-look="c"] .cdc-sw{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%}
html[data-cd-look="c"] .cdc-sw i{display:block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-sw:hover:not(:disabled) i{transform:scale(1.12)}
html[data-cd-look="c"] .cdc-sw[aria-pressed="true"] i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--text-strong)}
html[data-cd-look="c"] .cdc-sw:disabled{cursor:default}
html[data-cd-look="c"] .cdc-sw:disabled i{opacity:.25}   /* not drawn any more: a colour with nothing left is left out (a faded black read as grey) */
html[data-cd-look="c"] .cdc-sw:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"][data-theme="dark"] .cdc-sw i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
html[data-cd-look="c"][data-theme="dark"] .cdc-sw[aria-pressed="true"] i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--text-strong)}
/* «Кровати · 31          Сбросить» */
html[data-cd-look="c"] .cdc-add-rs{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-top:6px;padding-bottom:2px}
html[data-cd-look="c"] .cdc-add-rs .t{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-add-rst{flex:none;height:24px;padding:0 4px;margin-right:-4px;border-radius:var(--radius-xs);font:500 13px/16px var(--font-sans);color:var(--text-3);transition:color var(--dur-1)}
html[data-cd-look="c"] .cdc-add-rst:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-add-rst:focus-visible{box-shadow:var(--focus-ring)}
/* the room's defaults: the line is read out, not shown (the chips say it); a 10 px breath above the list */
html[data-cd-look="c"] .cdc-add-rs.quiet{min-height:10px;margin:0;padding:0}
html[data-cd-look="c"] .cdc-add-rs.quiet .t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* the opening view: a few rows per category, «Все кровати · 87 ›» under each */
html[data-cd-look="c"] .cdc-add-l.secs > .cdc-dv{margin:16px 0 4px}
html[data-cd-look="c"] .cdc-add-l.secs > .cdc-dv:first-child{margin-top:4px}
html[data-cd-look="c"] .cdc-add-all{display:flex;align-items:center;gap:4px;width:calc(100% + 16px);height:36px;margin:0 -8px;padding:0 8px 0 72px;border-radius:var(--radius-m);font:500 13px/18px var(--font-sans);color:var(--text-3);text-align:left;transition:background-color var(--dur-1),color var(--dur-1)}
html[data-cd-look="c"] .cdc-add-all .ic{width:12px;height:12px;stroke-width:2.2}
html[data-cd-look="c"] .cdc-add-all:hover{background:var(--surface-hover-raised);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-add-all:focus-visible{box-shadow:var(--focus-ring)}
/* nothing found: what is on, one quiet button per filter that brings rows back, «Сбросить всё» */
html[data-cd-look="c"] .cdc-add-nr{display:flex;flex-direction:column;align-items:center;gap:4px;padding:48px 0 24px;text-align:center}
html[data-cd-look="c"] .cdc-add-nr > b{font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-add-nr > span{max-width:100%;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-add-nr .lnk{height:24px;padding:0 4px;border-radius:var(--radius-xs);font:500 13px/18px var(--font-sans);color:var(--text-strong);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
html[data-cd-look="c"] .cdc-add-nr .lnk:hover{text-decoration-color:currentColor}
html[data-cd-look="c"] .cdc-add-nr .bs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
html[data-cd-look="c"] .cdc-add-nr .cdc-add-rst{margin:8px 0 0}
html[data-cd-look="c"] .cdc-ac + .cdc-add-nr{padding-top:32px}
html[data-cd-look="c"] .cdc-add-l.sets > :is(.cdc-ac,.cdc-add-nr){grid-column:1/-1}
html[data-cd-look="c"] .cdc-add-l.sets > .cdc-ac{width:auto;margin:0}

/* the item panel «Подробнее» (600, Programa Details): a calm property list under a big photo */
html[data-cd-look="c"] .cdc-item .drawer-h{padding:0 16px 0 20px}
html[data-cd-look="c"] .cdc-item .drawer-h h3{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
html[data-cd-look="c"] .cdc-it-nav{display:flex;gap:2px;flex:none}
html[data-cd-look="c"] .cdc-it-nav .btn.sq{width:28px;height:28px;background:transparent;box-shadow:none;color:var(--icon);transition:background var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-it-nav .btn.sq .ic{width:16px;height:16px;color:var(--icon);stroke-width:2}
html[data-cd-look="c"] .cdc-it-nav .btn.sq:hover{background:var(--surface-hover-raised);box-shadow:none}
html[data-cd-look="c"] .cdc-it-nav .btn.sq:active{background:var(--surface-pressed);transform:scale(.97)}
html[data-cd-look="c"] .cdc-it-nav .btn.sq:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-it-t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-heading-s);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-it-t.in{animation:cdc-fade 140ms var(--ease-out)}
html[data-cd-look="c"] .cdc-it-ext{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-s);color:var(--icon);transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-it-ext .ic{width:16px;height:16px}
html[data-cd-look="c"] .cdc-it-ext:hover{background:var(--surface-hover-raised);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-it-ext:focus-visible{box-shadow:var(--focus-ring)}
/* the tabs + status bar and the footer stay put; only the content between them scrolls (fix 2026-10-23: the whole drawer
   scrolled, the tabs went with it and it opened 4 px down) */
html[data-cd-look="c"] .cdc-item .drawer-b{display:flex;flex-direction:column;padding:0 24px;overflow:hidden}
html[data-cd-look="c"] .cdc-it{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;outline:0}
html[data-cd-look="c"] .cdc-it:focus,html[data-cd-look="c"] .cdc-it:focus-visible{outline:0;box-shadow:none}   /* the panel takes the first focus; no ring around it */
html[data-cd-look="c"] .cdc-it-bar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;height:40px;margin:8px 0 20px}
html[data-cd-look="c"] .cdc-it-b{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -24px;padding:0 24px 28px}
html[data-cd-look="c"] .cdc-it-b.cdc-swap{animation:cdc-fade 140ms var(--ease-out)}
html[data-cd-look="c"] .cdc-it-b.step-dn{animation:cdc-step-dn 180ms var(--ease-out)}
html[data-cd-look="c"] .cdc-it-b.step-up{animation:cdc-step-up 180ms var(--ease-out)}
/* a property: the label in a 128 px column, the field reads as text (a 1 px box on hover, the focus line on focus) */
html[data-cd-look="c"] .cdc-it-g,html[data-cd-look="c"] .cdc-it-g.one{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
html[data-cd-look="c"] .cdc-fl{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:center;min-height:36px;padding:2px 0;min-width:0}
html[data-cd-look="c"] .cdc-fl > .lb{font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fl:has(> textarea) > .lb{align-self:start;padding-top:7px}
html[data-cd-look="c"] .cdc-fl > .hp{grid-column:2;padding:0 0 4px;font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fl > :is(.input,select,.fx){width:calc(100% + 8px);height:32px;margin-left:-8px;padding-left:8px;border:0;border-radius:var(--radius-s);background-color:transparent;box-shadow:none;font:var(--t-body);color:var(--text);
  transition:box-shadow var(--dur-2),background-color var(--dur-2)}
html[data-cd-look="c"] .cdc-fl > select{padding-right:26px;background-image:none;color:var(--text);cursor:pointer}
html[data-cd-look="c"] .cdc-fl > :is(.input:not([readonly]),select,.fx:not(.ro)):hover{box-shadow:inset 0 0 0 1px var(--control-border)}
html[data-cd-look="c"] .cdc-fl > select:is(:hover,:focus){background-image:var(--select-chevron)}
html[data-cd-look="c"] .cdc-fl > :is(.input:not([readonly]),select):focus,html[data-cd-look="c"] .cdc-fl > .fx:not(.ro):focus-within{background-color:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--focus-color)}
html[data-cd-look="c"] .cdc-fl .input[readonly]{background-color:transparent;box-shadow:none;color:var(--text);cursor:default}
html[data-cd-look="c"] .cdc-fl .input::placeholder{color:var(--text-4)}
html[data-cd-look="c"] .cdc-fl .fx{display:flex;align-items:center;gap:4px;padding-right:8px}
html[data-cd-look="c"] .cdc-fl .fx .fx-p{padding-left:0;color:var(--text-3)}
html[data-cd-look="c"] .cdc-fl .fx input{flex:0 1 auto;field-sizing:content;min-width:1ch;height:100%;padding:0;font:var(--t-body);font-variant-numeric:tabular-nums;color:var(--text)}
html[data-cd-look="c"] .cdc-fl .fx input:placeholder-shown{color:var(--text-4)}
html[data-cd-look="c"] .cdc-fl .fx.ro input{color:var(--text-2)}
html[data-cd-look="c"] .cdc-fl .fx-s{flex:none;font:var(--t-body);color:var(--text-3)}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk{gap:6px;min-width:0;color:var(--link);text-decoration:none;cursor:pointer}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk .ic{flex:none;width:14px;height:14px;color:currentColor}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk:hover{color:var(--link-hover)}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk:hover span{text-decoration:underline;text-underline-offset:3px}
html[data-cd-look="c"] .cdc-fl > a.fx.lnk:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-fl > textarea.input{height:auto;min-height:32px;field-sizing:content;resize:none;padding:6px 8px;line-height:20px}
html[data-cd-look="c"] .cdc-it-h{display:flex;align-items:center;gap:6px;margin:20px 0 4px;padding-top:16px;box-shadow:inset 0 1px 0 var(--border-soft);font:600 13px/18px var(--font-sans);color:var(--text-2)}
html[data-cd-look="c"] .cdc-it-h .ic{width:14px;height:14px;color:var(--icon)}
html[data-cd-look="c"] .cdc-it-own{display:grid;margin:0}
html[data-cd-look="c"] .cdc-it-own > div{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:12px;align-items:center;min-height:36px}
html[data-cd-look="c"] .cdc-it-own dt{font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-it-own dd{margin:0;font:var(--t-body);color:var(--text)}
/* photos: a catalogue / service line = one 240 px hero; «Своя позиция» = up to 4 tiles + the add slot */
html[data-cd-look="c"] .cdc-it-ph{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
html[data-cd-look="c"] .cdc-it-ph .t{position:relative;display:grid;place-items:center;flex:none;width:96px;height:96px;border-radius:var(--radius-m);background:var(--cdc-matte);outline:1px solid var(--border-soft);outline-offset:-1px;overflow:hidden}
html[data-cd-look="c"] .cdc-it-ph .t img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04);transition:opacity var(--dur-4) var(--ease-out)}
html[data-cd-look="c"] .cdc-it-ph .t:not(.own):not(.u){display:block;width:100%;height:clamp(168px,26vh,240px);padding:16px;border-radius:var(--radius-l)}
html[data-cd-look="c"] .cdc-it-ph .t:not(.own):not(.u) img{display:block}
html[data-cd-look="c"] .cdc-it-ph .t.own img{object-fit:cover;mix-blend-mode:normal;filter:none}
html[data-cd-look="c"] .cdc-it-ph .t.own.pop{animation:cdc-pop 200ms var(--ease-out)}
html[data-cd-look="c"] .cdc-it-ph .t.u{background:var(--surface-offset);outline-color:transparent;font:400 15px/20px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-it-ph .rm{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-raised);box-shadow:var(--shadow-2);color:var(--icon-strong);opacity:0;transition:opacity var(--dur-2)}
html[data-cd-look="c"] .cdc-it-ph .rm .ic{width:12px;height:12px}
html[data-cd-look="c"] .cdc-it-ph .t:hover .rm,html[data-cd-look="c"] .cdc-it-ph .rm:focus-visible{opacity:1}
html[data-cd-look="c"] .cdc-drop{position:relative;flex:1 1 100%;min-width:0;display:grid;justify-items:center;align-content:center;gap:4px;height:clamp(168px,26vh,240px);padding:8px;border-radius:var(--radius-l);background:var(--surface-offset);box-shadow:none;outline:0;text-align:center;cursor:pointer;
  transition:background-color var(--dur-1),box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-drop:hover,html[data-cd-look="c"] .cdc-drop.over{background:var(--surface-offset-hover);box-shadow:inset 0 0 0 1px var(--border-strong)}
html[data-cd-look="c"] .cdc-drop.over{outline:1px dashed var(--border-strong);outline-offset:-5px}
html[data-cd-look="c"] .cdc-drop:focus-within{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-drop .ci{display:grid;place-items:center;width:32px;height:32px;margin-bottom:2px;color:var(--icon)}
html[data-cd-look="c"] .cdc-drop .ci .ic{width:22px;height:22px;stroke-width:1.6}
html[data-cd-look="c"] .cdc-drop.busy .ci .ic{display:none}
html[data-cd-look="c"] .cdc-drop .t1{font:400 13px/18px var(--font-sans);color:var(--text-2)}
html[data-cd-look="c"] .cdc-drop small{font:400 12px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-drop.sm{flex:none;width:96px;height:96px;border-radius:var(--radius-m);gap:0}
html[data-cd-look="c"] .cdc-drop .vh{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
/* «Цена»: the summary as a receipt card */
html[data-cd-look="c"] .cdc-it-tot{display:grid;margin-top:24px;padding:16px;border-radius:var(--radius-l);background:transparent;box-shadow:inset 0 0 0 1px var(--border-soft)}
html[data-cd-look="c"] .cdc-it-tot > small{margin-bottom:4px}
html[data-cd-look="c"] .cdc-it-tot .r{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-it-tot > .r:first-of-type:not(:last-child){margin-bottom:6px;padding-bottom:10px;box-shadow:inset 0 -1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-it-tot .r b{font:600 16px/24px var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-it-tot .r :is(b,.tnum) i{margin-left:.3em;font-style:normal;font-weight:400;color:var(--text-3)}
html[data-cd-look="c"] .cdc-it-tot .r.own > span:first-child{color:var(--text-3)}
html[data-cd-look="c"] .cdc-it-tot .r.own .tnum{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-it-tot .ok::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 2px 6px;border-radius:50%;background:var(--dot-green);vertical-align:middle}
/* «Согласование» of one line: a timeline (dots joined by a thin line) */
html[data-cd-look="c"] .cdc-it-lg{position:relative;display:flex;align-items:center;gap:12px;min-height:36px}
html[data-cd-look="c"] .cdc-it-lg::before{content:"";position:absolute;left:3.5px;top:23px;bottom:-13px;width:1px;background:var(--border)}
html[data-cd-look="c"] .cdc-it-lg:not(:has(+ .cdc-it-lg))::before{display:none}
html[data-cd-look="c"] .cdc-it-lg .dot{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--dot-neutral)}
html[data-cd-look="c"] .cdc-it-lg .dot.warning{background:var(--warning)}
html[data-cd-look="c"] .cdc-it-lg .dot.success{background:var(--success)}
html[data-cd-look="c"] .cdc-it-lg .dot.danger{background:var(--danger)}
html[data-cd-look="c"] .cdc-it-lg span{flex:1;min-width:0;font:var(--t-body);color:var(--text)}
html[data-cd-look="c"] .cdc-it-lg small{font:400 12px/16px var(--font-sans);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-cd-look="c"] .cdc-it-demo{display:flex;gap:4px;margin:12px 0 0 12px}
html[data-cd-look="c"] .cdc-none{margin:8px 0 0;font:var(--t-body);color:var(--text-3)}
/* the footer: «Убрать из КП» … «Сохраняем… → ✓ Сохранено → Сохранено 12:14» (autosave, no Save / Cancel) */
html[data-cd-look="c"] .cdc-it-f{position:relative;z-index:2;flex:none;display:flex;align-items:center;justify-content:space-between;height:52px;margin:0 -24px;padding:0 24px;background:var(--surface-raised);box-shadow:inset 0 1px 0 var(--border-soft);font:400 13px/16px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-it-f [data-dyn="saved"]{display:inline-flex;align-items:center;gap:4px}
html[data-cd-look="c"] .cdc-it-f [data-dyn="saved"] .ic{width:12px;height:12px;color:var(--icon);stroke-width:2.4}
html[data-cd-look="c"] .cdc-it-f [data-dyn="saved"].pop .ic{animation:cdc-pop 260ms var(--ease-out)}
html[data-cd-look="c"] .cdc-it-del{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px;margin-left:-6px;border-radius:var(--radius-s);font:500 13px/16px var(--font-sans);color:var(--text-3);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-it-del .ic{width:14px;height:14px}
html[data-cd-look="c"] .cdc-it-del:hover{background:var(--surface-hover-raised);color:var(--danger)}
html[data-cd-look="c"] .cdc-it-del:active{transform:scale(.97)}
html[data-cd-look="c"] .cdc-it-del:focus-visible{box-shadow:var(--focus-ring)}

/* «Поделиться КП» (440, Programa Share): three sections on an 8 px rhythm */
html[data-cd-look="c"] .cdc-share .drawer-b{padding:0 24px 24px}
html[data-cd-look="c"] .cdc-shr{outline:0}
html[data-cd-look="c"] .cdc-shr:is(:focus,:focus-visible){outline:0;box-shadow:none}
html[data-cd-look="c"] .cdc-shr section{padding:24px 0}
html[data-cd-look="c"] .cdc-shr section + section{box-shadow:inset 0 1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-shr h4{margin:0;font:600 14px/20px var(--font-sans);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-shr .hh{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-cd-look="c"] .cdc-shr .help{margin:4px 0 0;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-shr .who{display:flex;align-items:center;gap:10px;min-height:40px;margin-top:16px}
html[data-cd-look="c"] .cdc-shr .who .av{width:28px;height:28px;font-size:11px}
html[data-cd-look="c"] .cdc-shr .who .nm{display:grid;flex:1;min-width:0}
html[data-cd-look="c"] .cdc-shr .who .nm b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-shr .who .nm small{font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-chan{display:inline-flex;align-items:center;gap:4px;flex:none;height:26px;padding:0 8px;border-radius:var(--radius-pill);background:var(--surface-offset);font:500 13px/16px var(--font-sans);color:var(--text);transition:background var(--dur-1),transform var(--dur-1)}
html[data-cd-look="c"] .cdc-chan .ic{width:12px;height:12px;color:var(--icon)}
html[data-cd-look="c"] .cdc-chan:hover,html[data-cd-look="c"] .cdc-chan[aria-expanded="true"]{background:var(--surface-offset-hover)}
html[data-cd-look="c"] .cdc-chan:active{transform:scale(.97)}
html[data-cd-look="c"] .cdc-chan:focus-visible{box-shadow:var(--focus-ring)}
/* the message as the outgoing WhatsApp bubble */
html[data-cd-look="c"] .cdc-shr .msg{margin-top:12px;padding:10px 12px;border-radius:12px 12px 4px 12px;background:var(--bubble-out-bg);font:400 13px/19px var(--font-sans);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
html[data-cd-look="c"] .cdc-shr .msg.full{display:block;-webkit-line-clamp:unset}
html[data-cd-look="c"] .cdc-lnk{margin-top:4px;font:400 13px/18px var(--font-sans);color:var(--text-2);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;border-radius:var(--radius-xs);transition:color var(--dur-1)}
html[data-cd-look="c"] .cdc-lnk:hover{color:var(--text-strong);text-decoration-color:var(--text-3)}
html[data-cd-look="c"] .cdc-lnk:focus-visible{box-shadow:var(--focus-ring)}
html[data-cd-look="c"] .cdc-shr .ck{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font:400 13px/18px var(--font-sans);color:var(--text);cursor:pointer}
html[data-cd-look="c"] .cdc-shr .ck input{margin-top:1px}
html[data-cd-look="c"] .cdc-shr .ck .mute{color:var(--text-3)}
html[data-cd-look="c"] .cdc-shr .last{margin:12px 0 0;font:400 13px/18px var(--font-sans);color:var(--text-3)}
html[data-cd-look="c"] .cdc-shr .acts{display:flex;margin-top:16px}
html[data-cd-look="c"] .cdc-shr .acts .btn{height:32px;padding:0 14px}
html[data-cd-look="c"] .cdc-shr .note{margin:8px 0 0;font:var(--t-caption);color:var(--text-3)}
/* before sending: lines at 0 AED / colours not chosen — a caution note with «Открыть» on the same line */
html[data-cd-look="c"] .cdc-shw{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:8px 10px;border-radius:var(--radius-m);background:var(--banner-caution-bg);box-shadow:inset 0 0 0 1px var(--banner-caution-border);font:400 13px/18px var(--font-sans);color:var(--text)}
html[data-cd-look="c"] .cdc-shw > .ic{flex:none;width:14px;height:14px;color:var(--warning)}
html[data-cd-look="c"] .cdc-shw > span{min-width:0}
html[data-cd-look="c"] .cdc-shw .cdc-lnk{flex:none;margin:0 0 0 auto}
/* the link: one joined field (the address, copy, open, PDF) */
html[data-cd-look="c"] .cdc-shr .lnkrow{display:flex;align-items:center;gap:0;margin-top:16px;padding:2px;border-radius:var(--radius-m);box-shadow:inset 0 0 0 1px var(--control-border)}
html[data-cd-look="c"] .cdc-shr .lnkrow.in{animation:cdc-up var(--dur-3) var(--ease-out)}
html[data-cd-look="c"] .cdc-shr .lnkrow .input{flex:1;min-width:0;height:30px;padding:0 8px;background:transparent;box-shadow:none;color:var(--text-2)}
html[data-cd-look="c"] .cdc-shr .cdc-swr{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:0;font:var(--t-body);color:var(--text);box-shadow:inset 0 -1px 0 var(--border-soft)}
html[data-cd-look="c"] .cdc-shr .cdc-swr:last-child{box-shadow:none}
html[data-cd-look="c"] .cdc-shr section > h4 + .cdc-swr{margin-top:8px}
html[data-cd-look="c"] .cdc-shr .cdc-swr select{height:28px}
/* one blue per screen: switches and ticks of this block are neutral and small (28 × 16); the knob slides */
html[data-cd-look="c"]{--cdc-on:var(--text-strong);--cdc-on-knob:var(--switch-thumb)}
html[data-cd-look="c"][data-theme="dark"]{--cdc-on:var(--text-strong);--cdc-on-knob:var(--bg)}
html[data-cd-look="c"] :is(.cdc-pfsw,.cdc-share) .switch{width:28px;height:16px}
html[data-cd-look="c"] :is(.cdc-pfsw,.cdc-share) .switch > i{top:2px;left:2px;width:12px;height:12px;box-shadow:var(--shadow-control)}
html[data-cd-look="c"] :is(.cdc-share,.cdc-pfsw) .switch:is(.on,[aria-checked="true"]),html[data-cd-look="c"] :is(.cdc-share,.cdc-pfsw) .switch:is(.on,[aria-checked="true"]):hover{background:var(--cdc-on);box-shadow:0 0 0 1px var(--cdc-on)}
html[data-cd-look="c"] :is(.cdc-share,.cdc-pfsw) .switch:is(.on,[aria-checked="true"]) > i{transform:translateX(12px);background:var(--cdc-on-knob);box-shadow:none}
html[data-cd-look="c"] :is(.cdc-share,.cdc-sortpop) input[type="checkbox"]:checked{background:var(--cdc-on);box-shadow:0 0 0 1px var(--cdc-on)}
html[data-cd-look="c"] :is(.cdc-share,.cdc-sortpop) input[type="checkbox"]:checked::after{border-color:var(--surface-raised)}

/* «Как увидит клиент · демо» (760): the caption strip, then the white page in its own light colours */
html[data-cd-look="c"] .cdc-prev .drawer-b{padding:0 20px 20px}
html[data-cd-look="c"] .cdc-pvw{outline:0}
html[data-cd-look="c"] .cdc-pvw:is(:focus,:focus-visible){outline:0;box-shadow:none}
html[data-cd-look="c"] .cdc-pv-strip{position:sticky;top:0;z-index:2;display:flex;align-items:center;min-height:32px;margin:0 -20px 16px;padding:6px 20px;background:var(--surface-hover-raised)}
html[data-cd-look="c"] .cdc-pv-pg{border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--border);overflow:hidden}

/* fills inside raised overlays (drawers, popovers): one step above the panel in both themes (in dark --surface-offset = the panel) */
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) :is(.sqb,.cdc-chan,.cdc-drop,.cdc-add-l .pt:not(.set):not(:has(img)),.cdc-it-ph .t.u,.cdc-ar.cur){background:var(--surface-hover-raised)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) :is(.sqb,.cdc-chan,.cdc-drop):is(:hover,.over){background:var(--surface-pressed)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) .cdc-seg{background:var(--surface-hover-raised)}
html[data-cd-look="c"] :is(.cdc-ov,.cdc-pop) .cdc-seg > button.on{background:var(--surface-raised)}
html[data-cd-look="c"] .cdc-shr .lnkrow .sqb{width:30px;height:30px;border-radius:var(--radius-s);background:transparent}
html[data-cd-look="c"] .cdc-shr .lnkrow .sqb:hover{background:var(--surface-hover-raised)}
/* dark theme: the light matte stays (a black sofa on mid-grey would muddy), the whole tile steps down far enough that the
   photos sit under the text in brightness (review: at .76 they were the brightest things on the screen); a touch of contrast
   keeps black pieces crisp */
html[data-cd-look="c"][data-theme="dark"] :is(.cdc-cd .ph:not(.u):not(.x),.cdc-ap-r .th:has(img),.cdc-ar .pt:not(.u):not(.set):has(img),.cdc-ar .pt.set.pk,.cdc-it-ph .t:not(.u):not(.own)){background:var(--cdc-matte);outline-color:transparent;filter:brightness(.64) contrast(1.06)}
html[data-cd-look="c"][data-theme="dark"] .cdc-ov .cdc-it-ph .t:not(.u):not(.own){filter:brightness(.5) contrast(1.06)}   /* the big hero: a step further down, so it never glares (.cdc-ov: specificity over the :is() list above, which carries an img) */
html[data-cd-look="c"][data-theme="dark"] .cdc-add-l.sets .cdc-ar .pt.set:not(.pk){filter:brightness(.88)}   /* room photographs: just off the glare */

/* narrow main column (1280 with the sidebar open): photo 64, Категория over Размер in one cell, profit under Сумма */
@container view (max-width: 1100px){
  html[data-cd-look="c"] :is(.cdc-cd,.cdc-colh){column-gap:14px;grid-template-columns:64px minmax(180px,1.6fr) minmax(140px,1.2fr) 56px 148px 128px}
  html[data-cd-look="c"] .cdc-cards.ceny :is(.cdc-cd,.cdc-colh),html[data-cd-look="c"] .cdc-cards.ceny.pf :is(.cdc-cd,.cdc-colh){grid-template-columns:64px minmax(180px,1.6fr) minmax(96px,1fr) 56px minmax(96px,1fr) 148px 128px}
  html[data-cd-look="c"] .cdc-cd{min-height:80px}
  html[data-cd-look="c"] .cdc-cd::before{left:86px}
  html[data-cd-look="c"] .cdc-cd .ph{width:64px;height:64px;padding:5px}
  html[data-cd-look="c"] .cdc-cd .c.spec{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
  html[data-cd-look="c"] .cdc-cd .c.spec .sz{font:400 13px/18px var(--font-sans);color:var(--text-2)}
  html[data-cd-look="c"] .cdc-colh .cz{display:none}
  html[data-cd-look="c"] .cdc-colh .ck::after{content:" · размер"}
  html[data-cd-look="c"] .cdc-cards.ceny.pf .cdc-cd .c.pfc,html[data-cd-look="c"] .cdc-colh .cp{display:none}
  html[data-cd-look="c"] .cdc-cards.ceny.pf .cdc-cd .pfm{display:block}
  html[data-cd-look="c"] .cdc-tot{gap:12px 20px}
  html[data-cd-look="c"] .cdc-tot .m.big{padding-left:20px}
  html[data-cd-look="c"] .cdc-tot .m.big b{font:600 18px/26px var(--font-sans)}
  html[data-cd-look="c"] .cdc-tot .m.pf:not(.ok){display:none}   /* «Закупка ≈» stays in each line's tooltip and in «Подробнее › Цена» */
  html[data-cd-look="c"] .cdc-rn{max-width:260px}
  html[data-cd-look="c"] .cdc-ap-r{grid-template-columns:48px minmax(180px,1fr) 156px auto;column-gap:14px}
  html[data-cd-look="c"] .cdc-ap.wait .cdc-ap-r{grid-template-columns:48px minmax(180px,1fr) auto}
  html[data-cd-look="c"] .cdc-ap-r + .cdc-ap-r::before{left:70px}
}
/* very narrow: the status tag moves under the name, its track goes; the empty state in two columns */
@container view (max-width: 900px){
  html[data-cd-look="c"] :is(.cdc-cd,.cdc-colh){grid-template-columns:64px minmax(160px,1.6fr) minmax(120px,1.2fr) 56px 128px}
  html[data-cd-look="c"] .cdc-cards.ceny :is(.cdc-cd,.cdc-colh),html[data-cd-look="c"] .cdc-cards.ceny.pf :is(.cdc-cd,.cdc-colh){grid-template-columns:64px minmax(160px,1.6fr) minmax(96px,1fr) 56px minmax(96px,1fr) 128px}
  html[data-cd-look="c"] .cdc-cd{grid-template-rows:auto auto;row-gap:4px}
  html[data-cd-look="c"] .cdc-cd > *{grid-row:1 / span 2}
  html[data-cd-look="c"] .cdc-cd > .c.nm{grid-row:1;align-self:end}
  html[data-cd-look="c"] .cdc-cd > .c.st{grid-row:2;grid-column:2;align-self:start;margin-left:-7px}
  html[data-cd-look="c"] .cdc-colh .cs{display:none}
  html[data-cd-look="c"] .cdc-first .b{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-cd-look="c"] .cdc-ap-r{grid-template-columns:48px minmax(140px,1fr) 156px}
  html[data-cd-look="c"] .cdc-ap-r .end small{display:none}
  html[data-cd-look="c"] .cdc-ap-r .end:not(:has(.acts)){display:none}
  /* Итого leads on its own line; the rest wrap under it */
  html[data-cd-look="c"] .cdc-tot .m.big{order:-1;flex-basis:100%;padding-left:0;box-shadow:none}
}

/* reduced motion: no movement, no number counts (JS), the thumb lands at once; the colour cues stay as colour only */
@media (prefers-reduced-motion: reduce){
  html[data-cd-look="c"] .cdc-cd.new{animation:cdc-wash 1.2s linear!important}
  html[data-cd-look="c"] .cdc-ar.just{animation:cdc-pick 600ms linear!important}
  html[data-cd-look="c"] .cdc-rh.wash{animation:cdc-wash 1.2s linear!important}
  html[data-cd-look="c"] :is(.cdc-cd:hover .ph img,.cdc-add-l.sets .cdc-ar:is(:hover,.act) .pt.set img){transform:none}
  html[data-cd-look="c"] :is(.cdc-sch-fab,.cdc-first .b .btn,.cdc-tl,.cdc-rt .btn,.cdc-newroom,.sqb,.cdc-more,.cdc-pill,.cdc-ar .pt):is(:hover,:active){transform:none}
  html[data-cd-look="c"] .cdc-thumb{transition:none}
  html[data-cd-look="c"] .cdc-sw:hover i{transform:none}
  html[data-cd-look="c"] .cdc-add-mp{animation:none}
}

/* ═══════════ the deal page: «КП и файлы» ═══════════ */
html[data-cd-look="c"] .grp[data-grp="docs"] .cdc-dnew{height:24px;padding:0 6px;color:var(--text-2)}
html[data-cd-look="c"] .grp[data-grp="docs"] .cdc-dnew:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-dd{display:grid}
html[data-cd-look="c"] .cdc-dr{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:start;padding:10px 8px;box-shadow:inset 0 -1px 0 var(--border-soft);cursor:pointer;outline:0;transition:background var(--dur-1)}
html[data-cd-look="c"] .cdc-dr:hover{background:var(--surface-hover)}
html[data-cd-look="c"] .cdc-dr:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-color);border-radius:var(--radius-s)}
html[data-cd-look="c"] .cdc-dr > .cdc-th{margin-top:1px}
html[data-cd-look="c"] .cdc-dr .dm{display:grid;gap:4px;min-width:0}
html[data-cd-look="c"] .cdc-dr .l1{display:flex;align-items:center;gap:8px;min-width:0}
html[data-cd-look="c"] .cdc-dr .l1 b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-body-medium);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-dr.wait .l1 b{font-weight:600}
html[data-cd-look="c"] .cdc-dr .l1 .cdc-dot{margin:0 -2px 0 0}
html[data-cd-look="c"] .cdc-dr .l1 .v{margin-left:auto;flex:none;font:var(--t-body);color:var(--text);white-space:nowrap}
html[data-cd-look="c"] .cdc-dr .l2{display:flex;align-items:center;gap:8px;min-width:0}
html[data-cd-look="c"] .cdc-dr .l2 small{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-dr .l2 small .cdc-sd{display:inline-block;width:6px;height:6px;margin:0 6px 1px 1px;border-radius:50%;vertical-align:middle;background:var(--dot-neutral)}
html[data-cd-look="c"] .cdc-dr .l2 small .cdc-sd.sent{background:var(--dot-sky)}
html[data-cd-look="c"] .cdc-dr .l2 small .cdc-sd.viewed{background:var(--dot-orange)}
html[data-cd-look="c"] .cdc-dr.draft .l2 .badge{flex:none}
html[data-cd-look="c"] .cdc-dr .pics{display:flex;align-items:center;gap:3px;flex:none}
html[data-cd-look="c"] .cdc-dr .pic{width:24px;height:24px;border-radius:var(--radius-xs);background:var(--cdc-matte);overflow:hidden}
html[data-cd-look="c"] .cdc-dr .pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
html[data-cd-look="c"] .cdc-dmb{position:absolute;top:8px;right:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-s);background:var(--surface-hover);color:var(--icon-strong);opacity:0;transition:opacity var(--dur-1)}
html[data-cd-look="c"] .cdc-dmb .ic{width:16px;height:16px}
html[data-cd-look="c"] .cdc-dr:hover .cdc-dmb,html[data-cd-look="c"] .cdc-dmb:focus-visible,html[data-cd-look="c"] .cdc-dmb[aria-expanded="true"]{opacity:1}
html[data-cd-look="c"] .cdc-dmb:hover{background:var(--surface-pressed);color:var(--text-strong)}

/* a sheet stops above the tray, so «Открыть КП» stays in reach */
html[data-cd-look="c"] .cdc-sheet.cdc-tray-on .drawer{bottom:56px}
html[data-cd-look="c"] .cdc-sh{outline:0}
html[data-cd-look="c"] .cdc-sh:focus,html[data-cd-look="c"] .cdc-sh:focus-visible{outline:0;box-shadow:none}

/* narrow screens: the docs sum and the «Вариант» label give way; the totals never wrap */
@container view (max-width: 1100px){
  html[data-cd-look="c"] .cdc-count .sum{display:none}
}
@media (max-width: 1440px){
  html[data-cd-look="c"][data-route="kp"] .cd-look-l{display:none}
}
html[data-cd-look="c"] .cdc-side-tot .r > span{white-space:nowrap}
html[data-cd-look="c"] .cdc-kv .cdc-lang{gap:6px}
html[data-cd-look="c"] .cdc-kv .cdc-lang > button{height:26px;padding:0 8px;font:var(--t-body-medium)}
html[data-cd-look="c"] .cdc-side-tot .cdc-ex{margin:8px 0 2px;font:var(--t-caption);color:var(--text-3)}
html[data-cd-look="c"] .cdc-side-tot .cdc-ex::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--dot-orange);vertical-align:1px}

/* ═══════════ «КП и каталог» (owner 2026-10-23: «сделай все варианты, я выберу») ═══════════
   The switch «КП и каталог: Рядом · Вкладкой · Одна страница» in the page header of the catalog tabs and of the КП: a quiet
   monochrome track, the choice in the pressed grey of .seg — never blue, the header keeps its one primary */
html[data-cd-look="c"] .cdc-link{display:inline-flex;align-items:center;gap:2px;flex:none;height:28px;margin-right:4px;padding:2px;border-radius:var(--radius-s);background:transparent;box-shadow:inset 0 0 0 1px var(--border);font:500 12px/16px var(--font-sans);white-space:nowrap}
html[data-cd-look="c"] .cdc-link-l{padding:0 8px 0 6px;color:var(--text-3)}
html[data-cd-look="c"] .cdc-link > button{height:24px;padding:0 9px;border-radius:calc(var(--radius-s) - 2px);background:transparent;color:var(--text-2);font:inherit;transition:color var(--dur-1),background var(--dur-1),box-shadow var(--dur-1)}
html[data-cd-look="c"] .cdc-link > button:hover{color:var(--text-strong)}
html[data-cd-look="c"] .cdc-link > button.on{background:var(--surface-pressed);color:var(--text-strong)}
html[data-cd-look="c"] .cdc-link > button:focus-visible{box-shadow:var(--focus-ring)}
/* a narrow header: the label goes, the three words stay */
@media (max-width:1439px){ html[data-cd-look="c"] .cdc-link-l{display:none} }
/* the КП editor mounted in another frame (CDC.kpEditorMount): its crumb and «Поделиться · ⋯» on their own row above the toolbar */
html[data-cd-look="c"] .cdc-sch.emb{grid-template-rows:auto auto minmax(0,1fr)}
html[data-cd-look="c"] .cdc-kp-eh{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 24px 0}
html[data-cd-look="c"] .cdc-kp-et{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden;font:var(--t-body);color:var(--text-2)}
html[data-cd-look="c"] .cdc-kp-et .badge{flex:none}
html[data-cd-look="c"] .cdc-sch.emb .cdc-sch-tb{margin-top:8px}