.sg-desk { margin-top: 0.75rem; }
.sg-desk-seats,
.cx-prac-seats { display: block; margin: 0.15rem 0 0; font-weight: 700; color: #2c2140; }
.sg-desk-next { margin: 0.85rem 0 0.55rem; padding-top: 0.7rem; border-top: 1px solid rgba(31, 22, 48, 0.2); }
.sg-desk-next span { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #5c4d72; }
.sg-desk-pay { margin: 0.35rem 0 0.2rem; }
.sg-desk-form { margin-top: 0.75rem; }
.sg-desk-kind { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.sg-desk-close { margin-left: auto; }
.sg-desk-slots { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.4rem 0 0.8rem; }
.sg-desk-slot { font: inherit; }
.sg-desk-slot.is-on { outline: 2px solid currentColor; }
.sg-desk-msg { margin: 0.4rem 0; }
.sg-desk-msg.bad { color: #8a1f1f; }
.sg-desk-msg.good { color: #1d4d2c; }
.sg-desk-booked { margin: 1.75rem 0 1.5rem; padding-top: 0.35rem; }
.sg-desk-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.5rem; margin: 0.6rem 0 1rem; }
.sg-desk-booked-row { margin: 0.15rem 0 0.45rem; }
.sg-desk-person { margin: 0.35rem 0 0.7rem; padding-bottom: 0.55rem; border-bottom: 1px solid #e6dfd4; }
.sg-desk-person p { margin: 0.05rem 0; }
.sg-desk-person-top { font-weight: 700; }
.sg-desk-person-mid { color: #5c5348; }
.sg-desk-collapse { margin: 0.35rem 0 0.6rem; }
.cx-booking-note.sg-desk-paper,
.sg-desk-paper { display: inline-block; margin: 0.2rem 0; padding: 0.15rem 0.45rem; border-radius: 999px; background: #fdecee; color: #9f1239; font-weight: 700; }
.cx-pill.wait { background: #fdecee; color: #9f1239; border-color: #9f1239; }
.sg-desk-booked-row .is-unpaid,
.sg-desk-day .is-unpaid,
.sg-desk-person .is-unpaid,
.cx-booking .is-unpaid,
.cx-wi-method.is-unpaid { color: #9f1239; font-weight: 700; }
.sg-desk-booked-row .is-paid,
.sg-desk-day .is-paid,
.sg-desk-person .is-paid,
.cx-booking .is-paid,
.cx-wi-method.is-paid { color: #166534; font-weight: 700; }
.sg-desk-year { margin: 1.35rem 0 0.2rem; padding: 0.35rem 0; border-top: 3px solid #2c2140; border-bottom: 3px solid #2c2140; color: #2c2140; font-size: 1.35rem; font-weight: 700; text-align: center; }
.sg-desk-month { display: flex; align-items: center; gap: 0.75rem; width: 100%; margin: 1rem 0 0.35rem; padding: 0.15rem 0; border: 0; background: transparent; color: #2c2140; font: inherit; font-size: 1.2rem; font-weight: 700; cursor: pointer; }
.sg-desk-month::before, .sg-desk-month::after { content: ''; flex: 1; height: 2px; background: #2c2140; }
.sg-desk-day { border: 1px solid #d9d0c2; border-radius: 12px; margin: 0.85rem 0; overflow: hidden; background: #fffdf8; }
.sg-desk-day h3 { margin: 0; background: #2c2140; }
.sg-desk-day h3 button,
.sg-desk-day h3 button.sg-desk-day-bar { width: 100%; margin: 0; padding: 1.05rem 1.15rem; border: 0; background: transparent !important; color: #fff !important; -webkit-text-fill-color: #fff; font: inherit; font-size: 1.45rem; font-weight: 700; line-height: 1.3; text-align: left; cursor: pointer; }
.sg-desk-day.is-shut .sg-desk-day-body { display: none; }
.sg-desk-day-body { padding: 0.35rem 0.8rem 0.85rem; }
.sg-desk-who { display: block; width: 100%; margin: 0.7rem 0 0.2rem; padding: 0.28rem 0.5rem; border: 0; border-radius: 6px; background: #f6c034; color: #2c2140; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.sg-desk-who:hover { background: #e8b020; }
p.sg-desk-who { cursor: default; }