.bk-seg { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bk-seg .d-btn { border-radius: 999px; }
.bk-slots { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.bk-slot { flex-direction: column; gap: 0; line-height: 1.2; padding: 4px 6px; }
.bk-slot small { font-size: var(--t-s); font-weight: 600; }
.bk-slot.is-full { border-color: var(--line); background: var(--paper-2); color: var(--ink-2); text-decoration: line-through; }
.bk-slot.is-on { background: var(--sun); color: var(--ink); border-width: 2px; }
.bk-svc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.bk-svc .d-btn { flex-direction: column; gap: 0; line-height: 1.25; padding: 6px 8px; }
.bk-svc .d-btn small { font-size: var(--t-s); font-weight: 600; }
.bk-svc .d-btn.is-on { background: var(--sun); color: var(--ink); border-width: 2px; }
.bk-strip td, .bk-strip th { white-space: nowrap; }
.bk-free { color: var(--ink-2); }
.bk-item { display: grid; gap: 8px; }
.bk-st-wait { color: var(--beta); font-weight: 700; }
.bk-st-ok { color: var(--ok); font-weight: 700; }
.bk-st-cancel { color: var(--err); font-weight: 700; }
.bk-st-done { color: var(--ink-2); font-weight: 700; }
.bk-sms { display: grid; gap: 6px; }
.bk-sms li { padding: 8px 10px; border-radius: 10px; background: var(--paper-2); font-size: var(--t-s); line-height: 1.45; }
.bk-made { display: grid; gap: 2px; padding: 12px 14px; border: 1px dashed var(--made); border-radius: 12px; background: var(--surface); }
.bk-made b { color: var(--made); }
.d-stack > *, .d-grid2 > *, .d-split > * { min-width: 0; }
@media (max-width: 480px) { .bk-slots { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.d-grid2 { align-items: start; } .d-card.d-stack { align-content: start; }