/* sign-in, account and team pages, in the booking app's brand */
:root{--blue:#218bca;--light-blue:#8dc3e4;--plum:#731e5a;--gold:#faa519;--ink:#1f1a24;--muted:#625b6b;--line:#e0dce5;--bg:#f6f6f9;--surface:#fefefe;--bad:#b3261e;--good:#23724f}
@media (prefers-color-scheme: dark){:root{--ink:#f2eef4;--muted:#aca2b4;--line:#342d3c;--bg:#131016;--surface:#1c1821;--bad:#ff8a80;--good:#63c796}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}
header{background:var(--blue);border-bottom:6px solid var(--light-blue);padding:18px 16px}
header .in{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.logo{width:150px;height:27px;background:#fff;-webkit-mask:url(/millwald-logo-mask.png) left center/contain no-repeat;mask:url(/millwald-logo-mask.png) left center/contain no-repeat}
header .tag{color:#fff;font-weight:700;letter-spacing:.14em;font-size:12px;border-left:1px solid rgb(255 255 255 / .5);padding-left:14px}
header a.back{margin-left:auto;color:#fff;font-size:14px}
main{max-width:880px;margin:28px auto;padding:0 16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}
.narrow{max-width:420px;margin-left:auto;margin-right:auto}
h1{font:800 28px/1.15 Fraunces,Georgia,serif;margin:0 0 6px}
h2{font:700 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:0 0 14px}
p.note,.note{color:var(--muted);font-size:13px}
label{display:grid;gap:5px;font-size:13px;font-weight:700;margin:0 0 14px}
input,select{font:15px Arial,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:100%}
input:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}
button,.btn{font:700 14px Arial,sans-serif;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}
button.primary{background:var(--gold);border-color:var(--gold);color:#3d0f30}
button.small{padding:6px 12px;font-size:13px}
.msg{min-height:20px;font-size:14px;margin:4px 0 12px}
.msg.err{color:var(--bad)} .msg.ok{color:var(--good)}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px}
td{padding:8px;border-top:1px solid var(--line);vertical-align:middle}
td select{width:auto}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.row label{flex:1 1 180px}
.temp{font:700 18px ui-monospace,Menlo,monospace;background:var(--bg);border:1px dashed var(--line);padding:8px 12px;border-radius:8px;display:inline-block;margin-top:6px}
.off td{opacity:.55}
.table-wrap{overflow-x:auto}