/* ═══ Телефон — бланк новой брони ═══
   Панель у правого края становится листом во весь экран, снизу вверх;
   расчёт — корешок-шторка в подвале, как у виджета (§8.6): свёрнутый
   показывает состояние, итог и кнопку, раскрытый — строки, предоплату
   и срок. Сам бланк — тот же: графы, линейки, лента занятости. */
.sheet.sheet-new{top:0;right:0;bottom:0;left:0;width:auto;transform:translateY(100%)}
.sheet.sheet-new.open{transform:none}
/* Под листом нечего читать — затемнение обычное, а не ослабленное под шахматку. */
html[data-page="phone"]:has(#shNew.open) .scrim{background:rgb(25 24 21 / .34)}
.nb-head{padding-top:env(safe-area-inset-top,0px);min-height:calc(56px + env(safe-area-inset-top,0px));padding-left:18px}
.nb-box{margin-left:18px;padding-left:14px;padding-right:16px}
.nb-two,.nb-split{grid-template-columns:1fr}
.nb-when.hour{flex-wrap:wrap}
.nb-foot{padding:6px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.nb-stub{margin:0 0 8px;padding-top:0;border-top:0}
.nb-stub>summary{list-style:none;cursor:pointer;padding:8px 0}
.nb-stub>summary::-webkit-details-marker{display:none}
.nb-stub .nb-bill{padding:6px 0 2px;border-top:1px solid var(--rule-2)}
.nb-stub-say{margin:6px 0 2px;font-size:11px;line-height:1.5;color:var(--ink-3)}
/* На узком экране состояние в корешке переносится, а не обрезается:
   «Ждём предоплату, держим до 05:17» рядом с итогом в 320 px не умещается. */
.nb-stub>summary{align-items:flex-start}
.nb-stub>summary em{white-space:normal;overflow:visible;text-overflow:clip;align-items:flex-start;line-height:1.35}
.nb-stub>summary em::before{margin-top:5px}
/* Срок удержания: подпись и переключатель встают в две строки, когда в одну не входят. */
.nb-hold{flex-wrap:wrap;row-gap:8px}
.nb-go{min-height:48px}