/* ── MINIMAL SITE HEADER — logo + home link, mirrors wizard.css ── */
#snaphaus-manage-header{
  display:flex;align-items:center;justify-content:space-between;
  max-width:520px;margin:0 auto;padding:20px 20px 0;
  font-family:'Inter',sans-serif;
}
#snaphaus-manage-header .smb-header-logo{
  font-family:'Roboto Slab',serif;font-size:18px;font-weight:400;
  color:#0a0a0a;text-decoration:none;letter-spacing:-.01em;
}
#snaphaus-manage-header .smb-header-back{
  font-size:13px;font-weight:600;color:#666;text-decoration:none;
  transition:color .2s;
}
#snaphaus-manage-header .smb-header-back:hover{color:#0a0a0a}
@media(max-width:480px){
  #snaphaus-manage-header{padding:16px 16px 0}
  #snaphaus-manage-header .smb-header-logo{font-size:16px}
  #snaphaus-manage-header .smb-header-back{font-size:12px}
}

/* All rules below are ID-scoped (#snaphaus-manage-root ...) rather than
   bare class selectors on purpose. The previous unscoped .smb-xxx
   selectors were low-specificity and easily lost the cascade to the
   site theme's own CSS (theme rules for generic inputs/buttons/divs
   loading after this stylesheet, or with equal/higher specificity),
   which is why the calendar rendered as an unstyled stacked list, the
   font fell back to the theme default, and buttons picked up the
   theme's colors instead of ours. Matches the pattern already used
   successfully in wizard.css. */
#snaphaus-manage-root{font-family:'Inter',sans-serif;max-width:520px;margin:0 auto;padding:32px 20px;-webkit-font-smoothing:antialiased}
#snaphaus-manage-root *{box-sizing:border-box}
#snaphaus-manage-root .smb-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c8a96e;margin-bottom:8px}
#snaphaus-manage-root .smb-title{font-family:'Roboto Slab',serif;font-size:26px;color:#0a0a0a;margin-bottom:6px}
#snaphaus-manage-root .smb-sub{font-size:14px;color:#666;margin-bottom:24px;line-height:1.6}
#snaphaus-manage-root .smb-field{margin-bottom:16px}
#snaphaus-manage-root .smb-field label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#666;margin-bottom:6px}
#snaphaus-manage-root .smb-field input{width:100%;background:#f9f9f9;border:1.5px solid #e5e5e5;border-radius:10px;padding:13px 16px;font-size:15px;color:#0a0a0a;font-family:'Inter',sans-serif}
#snaphaus-manage-root .smb-field input:focus{border-color:#0a0a0a;background:#fff;outline:none}
#snaphaus-manage-root .smb-btn{width:100%;padding:14px;font-size:15px;font-weight:700;background:#0a0a0a !important;color:#fff !important;border:none !important;border-radius:10px !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;font-family:'Inter',sans-serif !important}
#snaphaus-manage-root .smb-btn:hover{opacity:.9}
#snaphaus-manage-root .smb-btn.gold{background:#c8a96e !important;color:#000 !important}
#snaphaus-manage-root .smb-btn.danger{background:#c0392b !important;color:#fff !important}
#snaphaus-manage-root .smb-btn-row{display:flex;gap:10px;margin-top:16px}
#snaphaus-manage-root .smb-error{background:#fde8e8;border:1px solid #f5c6c6;color:#c0392b;border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:16px;display:none}
#snaphaus-manage-root .smb-summary{background:#f9f9f9;border:1.5px solid #e5e5e5;border-radius:16px;padding:20px;margin-bottom:20px}
#snaphaus-manage-root .smb-row{display:flex;justify-content:space-between;font-size:14px;padding:7px 0;color:#666;border-bottom:1px solid #f0f0f0}
#snaphaus-manage-root .smb-row:last-child{border:none}
#snaphaus-manage-root .smb-row strong{color:#0a0a0a}
#snaphaus-manage-root .smb-notice{background:#fff8ec;border:1px solid #f0dcb0;border-radius:10px;padding:14px 16px;font-size:13px;color:#7a5c1e;margin-bottom:16px;line-height:1.6}
.smb-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Inter',sans-serif}
.smb-modal-overlay .smb-modal-box{background:#fff;border-radius:16px;padding:28px;max-width:420px;width:100%}
.smb-modal-overlay .smb-modal-box h3{font-family:'Roboto Slab',serif;font-size:20px;margin-bottom:12px;color:#0a0a0a}
.smb-modal-overlay .smb-modal-box p{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}
.smb-modal-overlay .smb-btn{width:100%;padding:14px;font-size:15px;font-weight:700;background:#0a0a0a !important;color:#fff !important;border:none !important;border-radius:10px !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;font-family:'Inter',sans-serif !important}
.smb-modal-overlay .smb-btn.gold{background:#c8a96e !important;color:#000 !important}
.smb-modal-overlay .smb-btn.danger{background:#c0392b !important;color:#fff !important}
.smb-modal-overlay .smb-btn-row{display:flex;gap:10px;margin-top:16px}

/* Reschedule calendar — always shows the month name explicitly, so
   there's never any ambiguity about date order regardless of locale. */
#snaphaus-manage-root .smb-cal-wrap{border:1.5px solid #e5e5e5;border-radius:12px;padding:14px;margin-bottom:8px}
#snaphaus-manage-root .smb-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#snaphaus-manage-root .smb-cal-nav button{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:4px 10px}
#snaphaus-manage-root .smb-cal-month{font-weight:700;font-size:14px;color:#0a0a0a;font-family:'Roboto Slab',serif}
#snaphaus-manage-root .smb-cal-head{display:grid !important;grid-template-columns:repeat(7,1fr) !important;text-align:center;font-size:11px;color:#999;margin-bottom:4px}
#snaphaus-manage-root .smb-cal-grid{display:grid !important;grid-template-columns:repeat(7,1fr) !important;gap:3px}
#snaphaus-manage-root .smb-cd{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:8px}
#snaphaus-manage-root .smb-cd.empty{visibility:hidden}
#snaphaus-manage-root .smb-cd.past{color:#ddd}
#snaphaus-manage-root .smb-cd.booked{color:#ccc;text-decoration:line-through;background:#f7f7f7}
#snaphaus-manage-root .smb-cd.avail{color:#0a0a0a;cursor:pointer;background:#f9f9f9}
#snaphaus-manage-root .smb-cd.avail:hover{background:#f0f0f0}
#snaphaus-manage-root .smb-cd.sel{background:#c8a96e;color:#000;font-weight:700}