/* The window «Новая запись» (docs/VIEW-DESIGN.md §4, mock 2): the kind, the title, the text, the plates of the values. */
.chip-check { display: flex; gap: 6px; align-items: center; cursor: pointer; }
/* a value plate: empty — a thin outline, a required empty one — dashed, filled — the plate of mock 2 on the hover ground */
.pchip {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 9px; border: 0; border-radius: var(--r-full);
  background: transparent; box-shadow: inset 0 0 0 1px var(--border); cursor: pointer; color: var(--text-3); font-size: var(--fs-body); font-weight: 450;
}
.pchip svg, .pchip .i { width: 16px; height: 16px; color: var(--icon); }
@media (hover: hover) {
  .pchip:hover { background: var(--hover); color: var(--text); }
}
.pchip.set { background: var(--hover); box-shadow: none; color: var(--text-2); }
.pchip.req { box-shadow: none; border: 1px dashed var(--text-4); }
.pchip select, .pchip input { background: transparent; border: none; outline: none; cursor: pointer; font-size: var(--fs-body); max-width: 180px; }
.pchip .sbox { border: none; background: transparent; height: auto; padding: 0; font-size: var(--fs-body); max-width: 200px; }
.pchip .pchip-v { color: var(--text-2); }

/* ---- the window (mock 2 .modal2): 720 px, 12 % from the top, frosted, a deeper shadow ---- */
.backdrop:has(> .modal.create-win:not(.modal-full)) { padding-top: 12vh; }
.modal.create-win { width: min(720px, calc(100vw - 32px)); max-height: 76vh; box-shadow: var(--shadow), 0 24px 60px rgb(0 0 0 / .18); }
.create-win .modal-head { gap: 10px; padding: 10px 10px 0 16px; color: var(--text-3); }
/* where the record is made, «KS-1 › PR-1 › Новая запись» (Vlad, 13.11.2026): the way of the page head, in the size of the
   window's head and without links (a click would leave the window); «Новая запись» as before */
.create-win .create-what.crumbs { font-size: inherit; color: var(--text-3); }
.create-win .create-what.crumbs b { color: var(--text-3); font-weight: inherit; }
.create-win .create-what.crumbs > span:not(.sep) { font-weight: 500; white-space: nowrap; }
.create-win .mchip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: var(--r-full); background: var(--accent-soft); color: var(--accent-text); font-weight: 550; border: 0; font: inherit; font-weight: 550; cursor: pointer; }
.create-win .mchip:active { background: var(--accent-soft-2); }
.create-win .mchip:disabled { cursor: default; }
/* another kind chosen in the pill: the window is rebuilt in place — no new entrance, no new scrim fade */
.modal.create-win.swapped, .backdrop:has(> .create-win.swapped) { animation: none; }
.create-win .modal-head .btn.ic { width: 32px; height: 32px; padding: 0; justify-content: center; border-radius: var(--r-full); color: var(--icon); }
.create-win .modal-body { display: flex; flex-direction: column; gap: 6px; padding: 8px 20px 12px; }
.create-win .modal-title-input { flex: none; height: 40px; padding: 0; font-size: var(--fs-title-w); font-weight: 600; letter-spacing: -.01em; }
.modal.create-win.modal-full .modal-title-input { font-size: var(--fs-title-w); } /* mock 2: the same 20 px when expanded */
.create-win .modal-desc-ed .rich-body { min-height: 72px; line-height: 1.55; }
.create-win .modal-props { padding-top: 6px; }
.create-win .modal-foot { gap: 8px; padding: 10px 12px 12px; border-top: 1px solid var(--border-soft); }
.create-win .modal-foot .btn { height: 32px; padding: 0 14px; }
.create-win .modal-foot .btn.ic { width: 32px; padding: 0; color: var(--icon); }
.create-win .create-hint { min-width: 0; overflow: hidden; color: var(--text-4); font-size: var(--fs-caption); white-space: nowrap; text-overflow: ellipsis; }
/* a plate is a button: its own font, centred content */
button.pchip { font: inherit; font-size: var(--fs-body); }
.pchip .pn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
/* people: their avatars side by side at the left edge (mock 2 .plate.who) */
.pchip.who { padding: 0 10px 0 2px; }
.pchip .avatar { width: 22px; height: 22px; font-size: 9px; }
.pchip .avatar + .avatar { margin-left: -8px; box-shadow: 0 0 0 2px var(--elev); }
.pchip.set .pn { color: var(--text-2); }
/* a file to attach: a quiet plate with its ✕ */
.cfile { gap: 6px; }
.cfile .x { width: 18px; height: 18px; padding: 0; border: 0; border-radius: var(--r-full); background: none; color: var(--text-4); cursor: pointer; }
@media (max-width: 860px) {
  .create-win .modal-foot { gap: 4px; }
  .create-win .modal-foot .btn { padding: 0 12px; }
}