/* «Tuva Booking» (register.js, register_buy.js, register_settings.js): only what the normal owner app has no class for. Same colours and shapes. No inline styles (CSP). */
.planbadge.plan-register .dot{background:var(--muted)}
.planbadge.plan-register.plan-alt .dot{background:var(--cta)}
.rgnotice{margin:0 0 14px}
.rgbk .rowic{color:var(--accent)}
.rgstate{margin:6px 0 0}
.rgextra .hint{margin:6px 0 0}
.rgsum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;padding:14px 16px;border-radius:14px;background:var(--surface-3);border:1px solid var(--line-strong);font-size:18px}
.rgsum b{font-variant-numeric:tabular-nums}
.rgtexts{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.rgrow{display:flex;gap:8px;align-items:center}
.rgrow .input{max-width:120px}
/* pay first: the «Alt is the better deal» line and «waiting for payment» */
.lk-deal{margin:12px 0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--cta) 12%,var(--surface-2));border:1px solid var(--cta);font-weight:700}
.lk-wait{padding:10px 14px;border-radius:14px;background:var(--warn-bg);color:var(--warn);font-weight:700}
/* the longer locked labels (the extra and its price, then the package and its price; locked.js) wrap inside a narrow screen instead of widening it */
.lk-chip{max-width:100%;height:auto;flex-wrap:wrap;white-space:normal;text-align:left}
.lk-chip small,.lk-tag,.lk-tag span,.lk-line,.lk-block,.lk-thwrap{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}
.tabbar button.crmtab .tabtag{align-items:flex-start;max-width:calc(100% - 36px);padding:4px 10px}
.tabbar button.crmtab .tabtag .lk-ic{flex:0 0 auto;margin-top:1px}
/* the computer menu of Tuva Booking has 13 entries (body.regmenu is set by crm_features.js for a Tuva Booking owner only): on a laptop screen the locked entries sit closer
   (800 px high: every row keeps its 44 px), and on a low screen (1024x700) the rows are tightened so the whole menu, Kalender and Innstillinger too, fits without scrolling */
@media (min-width:900px) and (max-height:830px){
  body.regmenu .tabbar.crmnav button.crmtab.is-locked{padding-top:2px;padding-bottom:3px}
  body.regmenu .tabbar.crmnav button.crmtab .tabtag{margin-top:0}
}
@media (min-width:900px) and (max-height:740px){
  body.regmenu .tabbar.crmnav{gap:0;padding-top:14px;padding-bottom:8px}
  body.regmenu .tabbar.crmnav button{min-height:36px}
}