/* ==========================================================================
   Modulo de RESERVAS (bk-): agenda de salas, confirmacao, detalhe, lista e a
   agenda do dia da unidade. Pensado primeiro para o celular; usa os tokens do
   boffice.css (--ps-*) para acompanhar os temas claro e escuro.
   ========================================================================== */

/* ---------- blocos comuns ---------- */
.bk-new, .bk-detail{ max-width:46rem; margin:0 auto; display:flex; flex-direction:column; gap:.9rem; }
.bk-card{ background:var(--ps-surface); border:1px solid var(--ps-border); border-radius:var(--ps-r-lg); padding:1rem 1.1rem; }
.bk-card-h{ font-size:.95rem; font-weight:600; margin:0 0 .7rem; display:flex; align-items:center; gap:.4rem; }
.bk-card-h svg{ width:16px; height:16px; }
.bk-note{ display:flex; gap:.5rem; align-items:flex-start; font-size:.84rem; color:var(--ps-ink-2);
  background:var(--ps-surface-2); border:1px solid var(--ps-border); border-radius:var(--ps-r); padding:.6rem .8rem; margin:0 0 .9rem; }
.bk-note svg{ width:16px; height:16px; flex:none; margin-top:.15rem; }
.bk-note.is-muted{ color:var(--ps-ink-3); }
.bk-empty .bk-unit-picks{ display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; }
.btn-ps-ghost.is-danger{ color:var(--ps-out); border-color:rgba(245,71,107,.4); }
.btn-ps-ghost.is-danger:hover{ border-color:var(--ps-out); background:rgba(245,71,107,.08); }
.btn.is-busy{ opacity:.6; pointer-events:none; }
.bk-date-title{ font-size:1.05rem; font-weight:600; margin:0; letter-spacing:-.01em; }
.bk-date-title::first-letter, .bk-summary-date::first-letter, .bk-item-date::first-letter{ text-transform:uppercase; }

/* ---------- agenda: barra de ferramentas ---------- */
.bk-move-banner{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin:0 0 .9rem; padding:.7rem .9rem;
  border-radius:var(--ps-r); border:1px solid var(--ps-mid); background:var(--ps-grad-soft); font-size:.88rem; }
.bk-move-banner svg{ width:18px; height:18px; color:var(--ps-mid); flex:none; }
.bk-move-banner span{ flex:1; min-width:12rem; }
.bk-toolbar{ display:grid; grid-template-columns:1fr; gap:.6rem; margin:0 0 .8rem; }
.bk-tool .ps-label{ margin-bottom:.25rem; }
.bk-tool-static{ display:flex; align-items:center; gap:.45rem; height:46px; padding:0 .8rem; border-radius:var(--ps-r);
  background:var(--ps-surface-2); border:1px solid var(--ps-border); font-weight:600; min-width:0; }
.bk-tool-static svg{ width:16px; height:16px; color:var(--ps-ink-3); flex:none; }
@media (min-width:560px){ .bk-toolbar{ grid-template-columns:minmax(0,2fr) minmax(9rem,1fr) auto; align-items:end; } }

/* ---------- agenda: faixa de dias ---------- */
.bk-days{ display:flex; align-items:center; gap:.35rem; margin:0 0 .8rem; }
.bk-days-nav{ flex:none; width:2.2rem; height:3.6rem; display:flex; align-items:center; justify-content:center;
  border-radius:var(--ps-r); color:var(--ps-ink-2); border:1px solid var(--ps-border); background:var(--ps-surface); }
.bk-days-nav svg{ width:16px; height:16px; }
.bk-days-nav.is-off{ opacity:.35; pointer-events:none; }
.bk-days-strip{ flex:1; min-width:0; display:flex; gap:.35rem; overflow-x:auto; scroll-snap-type:x proximity;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:.1rem 0; }
.bk-days-strip::-webkit-scrollbar{ display:none; }
.bk-day{ position:relative; flex:none; width:3.3rem; height:3.6rem; scroll-snap-align:center; text-decoration:none;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.05rem;
  border-radius:var(--ps-r); border:1px solid var(--ps-border); background:var(--ps-surface); color:var(--ps-ink); }
.bk-day-w{ font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; color:var(--ps-ink-3); font-weight:600;
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 .15rem; }
.bk-day-n{ font-size:1.05rem; font-weight:700; font-variant-numeric:tabular-nums; }
.bk-day:hover{ border-color:var(--ps-border-strong); }
.bk-day.is-on{ background:var(--ps-grad); border-color:transparent; color:#fff; box-shadow:var(--ps-glow); }
.bk-day.is-on .bk-day-w{ color:rgba(255,255,255,.85); }
.bk-day.is-closed{ background:var(--ps-surface-2); }
.bk-day.is-closed .bk-day-n{ color:var(--ps-ink-3); text-decoration:line-through; text-decoration-thickness:1px; }
.bk-day.is-off{ opacity:.4; }
.bk-day-dot{ position:absolute; bottom:.3rem; width:5px; height:5px; border-radius:50%; background:var(--ps-in); }
.bk-day.is-on .bk-day-dot{ background:#fff; }

.bk-jump{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin:0 0 .2rem; }
.bk-jump-pick{ position:relative; flex:none; display:flex; align-items:center; justify-content:center;
  width:2.4rem; height:2.4rem; border-radius:10px; border:1px solid var(--ps-border); background:var(--ps-surface);
  color:var(--ps-ink-2); cursor:pointer; overflow:hidden; }
.bk-jump-pick svg{ width:17px; height:17px; pointer-events:none; }
.bk-jump-pick input{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.bk-jump-pick input::-webkit-calendar-picker-indicator{ position:absolute; inset:0; width:100%; height:100%; cursor:pointer; }
.bk-tz{ margin:0 0 .6rem; }

/* ---------- agenda: salas e horarios ---------- */
.bk-legend{ display:flex; flex-wrap:wrap; gap:.9rem; font-size:.75rem; color:var(--ps-ink-3); margin:.6rem 0 .7rem; }
.bk-legend span{ display:inline-flex; align-items:center; gap:.35rem; }
.bk-sw{ width:.8rem; height:.8rem; border-radius:4px; display:inline-block; border:1px solid var(--ps-border-strong); }
.bk-sw.is-free{ background:var(--ps-surface); }
.bk-sw.is-taken{ background:repeating-linear-gradient(135deg, var(--ps-surface-2) 0 3px, var(--ps-border) 3px 5px); }
.bk-sw.is-yours{ background:var(--ps-in); border-color:var(--ps-in); }

.bk-rooms{ display:grid; gap:.8rem; grid-template-columns:1fr; }
@media (min-width:1100px){ .bk-rooms{ grid-template-columns:1fr 1fr; } }
.bk-room{ background:var(--ps-surface); border:1px solid var(--ps-border); border-radius:var(--ps-r-lg); padding:.9rem; }
.bk-room-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.7rem; }
.bk-room-id{ min-width:0; }
.bk-room-name{ font-size:1rem; font-weight:600; margin:0; }
.bk-room-meta{ display:flex; flex-wrap:wrap; gap:.25rem .8rem; font-size:.78rem; color:var(--ps-ink-3); margin-top:.15rem; }
.bk-room-meta span{ display:inline-flex; align-items:center; gap:.25rem; }
.bk-room-meta svg{ width:13px; height:13px; }
.bk-room-price{ flex:none; text-align:right; }
.bk-price{ font-weight:700; font-size:.92rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.bk-room-desc{ font-size:.8rem; color:var(--ps-ink-3); margin:.4rem 0 0; }
.bk-room-note{ font-size:.82rem; color:var(--ps-ink-3); margin:.7rem 0 0; }

.bk-slots{ display:grid; grid-template-columns:repeat(auto-fill, minmax(4.4rem, 1fr)); gap:.4rem; margin-top:.8rem; }
.bk-slot{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:2.6rem;
  border-radius:10px; border:1px solid var(--ps-border); background:var(--ps-surface); color:var(--ps-ink);
  font-size:.88rem; font-weight:600; font-variant-numeric:tabular-nums; text-decoration:none; line-height:1.1;
  transition:border-color .15s var(--ps-ease), background .15s var(--ps-ease), transform .15s var(--ps-ease); }
.bk-slot small{ font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; opacity:.9; }
a.bk-slot.is-free:hover, a.bk-slot.is-free:focus-visible{ border-color:var(--ps-mid); color:var(--ps-mid); background:var(--ps-grad-soft); transform:translateY(-1px); }
[data-bs-theme="dark"] a.bk-slot.is-free:hover{ color:#a99cff; border-color:#a99cff; }
.bk-slot.is-static{ cursor:default; }
.bk-slot.is-taken{ color:var(--ps-ink-3); font-weight:500; text-decoration:line-through; text-decoration-thickness:1px;
  background:repeating-linear-gradient(135deg, var(--ps-surface-2) 0 6px, transparent 6px 9px); cursor:not-allowed; }
.bk-slot.is-yours{ background:var(--ps-in); border-color:var(--ps-in); color:#fff; }
a.bk-slot.is-yours:hover{ filter:brightness(1.05); color:#fff; }
.bk-slot.is-current{ outline:2px dashed var(--ps-in); outline-offset:2px; }

/* ---------- agenda: pacote de horas ---------- */
.bk-package{ margin-top:1rem; padding:.9rem 1rem; border-radius:var(--ps-r-lg); background:var(--ps-grad-soft);
  border:1px solid var(--ps-border); }
.bk-package-main{ display:flex; align-items:center; gap:.55rem; font-size:.9rem; font-weight:500; }
.bk-package-main svg{ width:18px; height:18px; color:var(--ps-mid); flex:none; }
[data-bs-theme="dark"] .bk-package-main svg{ color:#a99cff; }
.bk-ledger{ margin-top:.6rem; font-size:.82rem; }
.bk-ledger summary{ cursor:pointer; color:var(--ps-link); font-weight:500; }
.bk-ledger ul{ list-style:none; padding:0; margin:.5rem 0 0; }
.bk-ledger li{ display:flex; justify-content:space-between; gap:.8rem; padding:.35rem 0; border-top:1px dashed var(--ps-border); }
.bk-ledger b{ white-space:nowrap; font-variant-numeric:tabular-nums; }
.bk-ledger b.is-neg{ color:var(--ps-out); }
.bk-ledger b.is-pos{ color:var(--ps-in); }

/* ---------- confirmacao e detalhe ---------- */
.bk-back{ display:inline-flex; align-items:center; gap:.35rem; font-size:.85rem; color:var(--ps-ink-2); text-decoration:none; }
.bk-back svg{ width:15px; height:15px; }
.bk-summary{ background:var(--ps-surface); border:1px solid var(--ps-border); border-radius:var(--ps-r-lg); padding:1rem 1.1rem;
  box-shadow:var(--ps-shadow); position:relative; overflow:hidden; }
.bk-summary::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--ps-grad); }
.bk-summary-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; }
.bk-ref{ font-size:.78rem; color:var(--ps-ink-3); font-variant-numeric:tabular-nums; }
.bk-summary-when{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.3rem .7rem; }
.bk-summary-date{ font-size:.85rem; color:var(--ps-ink-2); width:100%; }
.bk-summary-time{ font-family:var(--ps-font-display); font-size:1.7rem; font-weight:600; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums; line-height:1.15; }
.bk-summary-where{ display:flex; flex-direction:column; gap:.3rem; margin-top:.7rem; font-size:.9rem; }
.bk-summary-where > div{ display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
.bk-summary-where svg{ width:16px; height:16px; color:var(--ps-ink-3); flex:none; }
.bk-addr{ font-size:.8rem; color:var(--ps-ink-3); }
.bk-cancel-reason{ margin:.7rem 0 0; font-size:.84rem; color:var(--ps-ink-2); }

.bk-extras{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.bk-extra{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.6rem 0; border-top:1px solid var(--ps-border); }
.bk-extra:first-child{ border-top:0; padding-top:0; }
.bk-extra-info{ display:flex; flex-direction:column; min-width:0; cursor:pointer; margin:0; }
.bk-extra-name{ font-weight:600; font-size:.9rem; display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.bk-extra-price{ font-size:.8rem; color:var(--ps-ink-3); font-variant-numeric:tabular-nums; }
.bk-qty{ flex:none; display:flex; align-items:center; border:1px solid var(--ps-border); border-radius:12px; overflow:hidden;
  background:var(--ps-surface-2); }
.bk-qty-btn{ width:2.3rem; height:2.4rem; border:0; background:transparent; color:var(--ps-ink); font-size:1.15rem; font-weight:600; }
.bk-qty-btn:hover{ background:var(--ps-surface); }
.ps-input.bk-qty-in{ width:3rem; height:2.4rem; padding:0; text-align:center; border:0; border-radius:0; background:transparent;
  font-weight:600; font-variant-numeric:tabular-nums; -moz-appearance:textfield; appearance:textfield; }
.bk-qty-in::-webkit-outer-spin-button, .bk-qty-in::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.ps-input.bk-qty-in:focus{ box-shadow:none; }

.bk-lines{ list-style:none; margin:0; padding:0; font-size:.9rem; }
.bk-lines li{ display:flex; justify-content:space-between; gap:1rem; padding:.42rem 0; }
.bk-lines li + li{ border-top:1px dashed var(--ps-border); }
.bk-lines b{ font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
.bk-lines li.is-package{ color:var(--ps-in); }
.bk-lines li.is-total{ border-top:1px solid var(--ps-border-strong); margin-top:.2rem; padding-top:.6rem; font-size:1.02rem; }
.bk-lines li.is-total b{ font-weight:700; }
.bk-paymode{ display:flex; align-items:flex-start; gap:.5rem; margin:.8rem 0 0; padding:.65rem .8rem; border-radius:var(--ps-r);
  font-size:.86rem; background:var(--ps-surface-2); border:1px solid var(--ps-border); }
.bk-paymode svg{ width:17px; height:17px; flex:none; margin-top:.1rem; }
.bk-paymode.is-package{ background:rgba(0,176,131,.08); border-color:rgba(0,176,131,.3); }
.bk-paymode.is-package svg{ color:var(--ps-in); }
.bk-paymode.is-invoice svg{ color:var(--ps-mid); }
.bk-paymode.is-upfront{ background:rgba(245,158,11,.08); border-color:rgba(245,158,11,.35); }
.bk-paymode.is-upfront svg, .bk-paymode.is-late svg{ color:var(--ps-late); }
[data-bs-theme="dark"] .bk-paymode.is-invoice svg{ color:#a99cff; }
.bk-rules ul{ margin:0; padding-left:1.1rem; font-size:.84rem; color:var(--ps-ink-2); }
.bk-rules li + li{ margin-top:.25rem; }
.bk-notes{ height:auto; min-height:3.2rem; padding:.6rem .9rem; resize:vertical; }
.bk-confirm-acts{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; align-items:center; }
.bk-confirm-acts .btn{ flex:1 1 auto; }
@media (min-width:560px){ .bk-confirm-acts .btn{ flex:0 0 auto; } }
.bk-quote-err{ margin:0; }

.bk-pay-until{ margin:0 0 .7rem; font-size:.9rem; }
.bk-pay-btn{ display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; }
.bk-pay-btn svg{ width:18px; height:18px; }
.bk-generating{ display:flex; align-items:center; gap:.6rem; margin:0 0 .7rem; font-size:.9rem; color:var(--ps-ink-2); }
.bk-spin{ width:1.1rem; height:1.1rem; border-radius:50%; border:2px solid var(--ps-border-strong); border-top-color:var(--ps-mid);
  animation:bk-spin .8s linear infinite; flex:none; }
@keyframes bk-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .bk-spin{ animation-duration:2.4s; } }

.bk-move-dl, .bk-facts dl{ display:grid; grid-template-columns:auto 1fr; gap:.35rem .9rem; margin:0; font-size:.88rem; }
.bk-move-dl dt, .bk-facts dt{ color:var(--ps-ink-3); font-weight:500; }
.bk-move-dl dd, .bk-facts dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.bk-move-confirm{ border-color:var(--ps-mid); }
.bk-actions{ display:flex; flex-direction:column; gap:1rem; }
.bk-action .btn svg{ width:16px; height:16px; vertical-align:-3px; }
.bk-cancel .bk-confirm-acts{ margin-top:.6rem; justify-content:flex-start; }
.bk-history ol{ list-style:none; margin:0; padding:0 0 0 .9rem; border-left:2px solid var(--ps-border); }
.bk-history li{ position:relative; padding:.25rem 0 .55rem .6rem; font-size:.85rem; display:flex; flex-direction:column; }
.bk-history li::before{ content:''; position:absolute; left:-1.27rem; top:.55rem; width:.6rem; height:.6rem; border-radius:50%;
  background:var(--ps-surface); border:2px solid var(--ps-mid); }
.bk-history time{ font-size:.74rem; color:var(--ps-ink-3); font-variant-numeric:tabular-nums; }
.bk-history small{ color:var(--ps-ink-3); }

/* ---------- lista ---------- */
.bk-list-head{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; flex-wrap:wrap; margin:0 0 .8rem; }
.bk-list-head .btn{ display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap; }
.bk-list-head .btn svg{ width:15px; height:15px; }
.bk-who{ display:flex; gap:.4rem; margin:0 0 .8rem; }
.bk-items{ display:flex; flex-direction:column; gap:.5rem; }
.bk-item{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"when side" "main main"; gap:.4rem .8rem;
  align-items:center; padding:.8rem .9rem; background:var(--ps-surface); border:1px solid var(--ps-border);
  border-radius:var(--ps-r-lg); text-decoration:none; color:var(--ps-ink);
  transition:border-color .15s var(--ps-ease), box-shadow .15s var(--ps-ease); }
.bk-item:hover{ border-color:var(--ps-border-strong); box-shadow:0 8px 24px -14px rgba(0,0,0,.16); color:var(--ps-ink); }
.bk-item-when{ grid-area:when; display:flex; flex-direction:column; line-height:1.2; }
.bk-item-date{ font-size:.75rem; color:var(--ps-ink-3); }
.bk-item-time{ font-weight:700; font-variant-numeric:tabular-nums; }
.bk-item-main{ grid-area:main; display:flex; flex-direction:column; min-width:0; }
.bk-item-room{ font-weight:600; font-size:.92rem; }
.bk-item-meta{ font-size:.78rem; color:var(--ps-ink-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bk-item-side{ grid-area:side; display:flex; flex-direction:column; align-items:flex-end; gap:.2rem; justify-self:end; }
.bk-item-amount{ font-size:.85rem; font-weight:600; font-variant-numeric:tabular-nums; }
.bk-item-amount.is-pkg{ color:var(--ps-in); }
.bk-item-amount.is-unpaid{ font-size:.75rem; font-weight:500; color:var(--ps-ink-3); text-align:right; }
@media (min-width:640px){
  .bk-item{ grid-template-columns:7.5rem 1fr auto; grid-template-areas:"when main side"; }
}
.bk-pager{ display:flex; align-items:center; justify-content:center; gap:.8rem; margin-top:1rem; }

/* ---------- agenda do dia da unidade ---------- */
.bk-unit-nav{ display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; margin:0 0 1rem; }
.bk-unit-date{ flex:1; min-width:10rem; margin:0; }
.bk-unit-date label{ position:relative; display:inline-flex; cursor:pointer; margin:0; }
.bk-unit-date input{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.bk-unit-date input::-webkit-calendar-picker-indicator{ position:absolute; inset:0; width:100%; height:100%; cursor:pointer; }
.bk-unit-count{ font-size:.82rem; color:var(--ps-ink-3); margin-left:auto; }
.bk-urooms{ display:flex; flex-direction:column; gap:.8rem; }
.bk-uroom{ background:var(--ps-surface); border:1px solid var(--ps-border); border-radius:var(--ps-r-lg); padding:.85rem .9rem; }
.bk-uroom.is-empty{ padding-bottom:.6rem; }
.bk-uroom-head{ display:flex; align-items:baseline; justify-content:space-between; gap:.6rem; }
.bk-uroom-head h3{ font-size:.98rem; font-weight:600; margin:0; }
.bk-track{ position:relative; height:.55rem; border-radius:99px; background:var(--ps-surface-2); border:1px solid var(--ps-border);
  margin:.6rem 0 1.2rem; }
.bk-track-b{ position:absolute; top:-1px; bottom:-1px; border-radius:99px; background:var(--ps-grad); min-width:4px; }
.bk-track-b.is-hold{ background:var(--ps-late); }
.bk-track-b.is-no_show{ background:var(--ps-out); opacity:.55; }
.bk-track-b.is-done{ background:var(--ps-ink-3); }
.bk-track-l, .bk-track-r{ position:absolute; top:.75rem; font-size:.66rem; color:var(--ps-ink-3); font-variant-numeric:tabular-nums; }
.bk-track-l{ left:0; }
.bk-track-r{ right:0; }
.bk-ubk{ display:grid; grid-template-columns:3.4rem 1fr; gap:.3rem .7rem; padding:.7rem 0; border-top:1px solid var(--ps-border); }
.bk-ubk-time{ display:flex; flex-direction:column; line-height:1.15; font-variant-numeric:tabular-nums; }
.bk-ubk-time b{ font-size:1.05rem; }
.bk-ubk-time span{ font-size:.78rem; color:var(--ps-ink-3); }
.bk-ubk-main{ min-width:0; display:flex; flex-direction:column; gap:.25rem; }
.bk-ubk-space{ font-weight:600; }
.bk-ubk-tags{ display:flex; flex-wrap:wrap; gap:.3rem; }
.bk-ubk-tags:empty{ display:none; }
.bk-ubk-meta{ font-size:.8rem; color:var(--ps-ink-3); }
.bk-ubk-notes{ font-size:.8rem; color:var(--ps-ink-2); font-style:italic; }
.bk-ubk-pay{ align-self:flex-start; }
.bk-ubk-acts{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:.35rem; justify-content:flex-end; }
.bk-ubk-acts form{ margin:0; }
.bk-ubk.is-no_show .bk-ubk-space, .bk-ubk.is-no_show .bk-ubk-time b{ color:var(--ps-ink-3); }
@media (min-width:720px){
  .bk-ubk{ grid-template-columns:3.6rem 1fr auto; align-items:start; }
  .bk-ubk-acts{ grid-column:auto; }
}
.bk-desk{ margin-top:1.2rem; }
.bk-desk-form{ display:block; }
.bk-desk-row{ display:grid; grid-template-columns:1fr 1fr; gap:0 .8rem; }
@media (min-width:720px){ .bk-desk-form{ display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
  .bk-desk-form > .ps-hint, .bk-desk-form > .btn{ grid-column:1 / -1; justify-self:start; } }