/* MyMastery theme, loaded after app.css. Colours from mymastery.biz: navy, red accent, slate, cool greys. Calm and plain. */
:root{
  --ink:#0F1C2E;--paper:#F7F8FA;--stone:#5A6472;--fog:#9CA3AF;--lime:#C8102E;
  --card:#FFFFFF;--line:#E2E5EA;--line-2:#EEF0F3;--tint:#F0F2F5;
  --r:14px;
}
a{text-decoration-color:#C9CED6}
h1{font-weight:600;letter-spacing:-0.025em}
header.top{background:rgba(247,248,250,.9)}
.logo img{height:22px}
.logo .prod{color:var(--stone)}
.card{box-shadow:0 1px 2px rgba(15,28,46,.04),0 16px 40px -28px rgba(15,28,46,.22)}
.btn:hover{box-shadow:0 8px 20px -12px rgba(15,28,46,.5)}
input,select,textarea,.durs button,.slots button{background:#FFFFFF}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(15,28,46,.1)}
button:focus-visible,a:focus-visible{box-shadow:0 0 0 5px rgba(200,16,46,.22)}
.grid button:hover:not(:disabled){background:#E2E6EC}
.grid button:disabled{color:#B8BEC7}
/* the red accent stays small: a dot under the chosen day, a dot before "Book" */
.grid button.on::after{border-radius:50%}
a.row.link .go::before,.btn .stop{border-radius:50%}
.foot a{text-decoration-color:var(--line)}