@font-face{font-family:GoogleSans;src:url('/static/fonts/Google-Sans-latin-ext.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:GoogleSans;src:url('/static/fonts/Google-Sans-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{font-family:GoogleSans,system-ui,sans-serif;color:#1a1714;background:#f0ece5;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:28px 32px}nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}nav a,.button,button{display:inline-block;padding:10px 18px;border:1px solid #d8d0c4;border-radius:28px;background:#faf8f4;color:inherit;text-decoration:none;font:inherit;cursor:pointer}button:hover,.button:hover,nav a:hover{border-color:#214be6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #214be6;outline-offset:3px}.primary{background:#214be6;color:white;border-color:#214be6}h1{font-size:34px;line-height:1.2;font-weight:500;margin:8px 0 16px}h2{font-size:23px;font-weight:500;margin:0 0 18px}h3{font-size:17px;font-weight:500}p{margin:12px 0 20px}.muted,small,footer{color:#665c50}small{display:block}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0}.pagehead,.cardhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.auth{background:#faf8f4;border:1px solid #e5dfd5;border-radius:24px;padding:28px;margin-bottom:24px;min-width:0}.auth{max-width:520px;margin:45px auto}label{display:block;margin:12px 0 18px}input,select{font:inherit;display:block;width:100%;padding:12px 14px;border:1px solid #d8d0c4;border-radius:12px;background:#f0ece5;margin-top:6px;color:inherit}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;margin:0}.badge{font-size:13px;padding:6px 12px;border-radius:20px;display:inline-block}.good{background:#e2eddf;color:#16642c}.bad,.error{background:#f3dfdb;color:#a21a18}.error,.notice{padding:16px;border-radius:12px}.notice{background:#e9e4dc}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid #e5dfd5;vertical-align:top}th{font-weight:500;color:#665c50}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dt{color:#665c50}dd{margin:0;text-align:right;overflow-wrap:anywhere}details{margin:18px 0}summary{cursor:pointer;color:#214be6}code{overflow-wrap:anywhere;white-space:pre-wrap}.large{font-size:24px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.qr{margin:16px 0}.qr svg{max-width:100%;height:auto}footer{padding:24px 32px;text-align:center;font-size:12px}.tabs a{font-size:14px}header form{margin:0}@media(max-width:800px){.muted{font-size:13px}main{padding:20px 16px}.grid,.compact{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.card,.auth{padding:20px}h1{font-size:28px}th,td{padding:10px}.codes{grid-template-columns:1fr}}

/* Operator header: one product lockup, a clear context, and a separate account area. */
.ops-header{border-bottom:1px solid #ded8ce;background:#faf8f4}
.ops-header-inner{max-width:1400px;min-height:88px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;gap:24px}
.ops-brand{display:inline-flex;align-items:center;gap:12px;flex:none;text-decoration:none;color:inherit;white-space:nowrap}
.ops-brand img{display:block;width:134px;height:32px;object-fit:contain}
.ops-product{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border:1px solid #d9e1fb;border-radius:7px;background:#edf1ff;color:#214be6;font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}
.ops-context{padding-left:24px;border-left:1px solid #ded8ce;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.ops-context>span{color:#766d61;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.ops-context>strong{font-size:14px;font-weight:500}
.ops-user-area{margin-left:auto;display:flex;align-items:center;gap:22px;min-width:0}
.ops-user{display:flex;align-items:center;gap:10px;min-width:0}
.ops-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #d8d0c4;border-radius:50%;background:#ebe5db;color:#51483d;font-size:12px;font-weight:500}
.ops-user-details{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.4}
.ops-user-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.ops-user-role{color:#766d61;font-size:11px}
.ops-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:38px;border-color:#ded8ce;border-radius:10px;background:transparent;color:#665c50;font-size:12px;white-space:nowrap}
.ops-signout:hover{background:#eee9e1;border-color:#c9bfae;color:#1a1714}
.ops-signout svg{flex:none}
@media(max-width:900px){.ops-context{display:none}.ops-header-inner{min-height:76px}}
@media(max-width:600px){.ops-header-inner{min-height:72px;padding:16px;gap:12px}.ops-brand{gap:8px}.ops-brand img{width:118px;height:28px}.ops-product{padding:4px 7px;font-size:10px}.ops-user-area{gap:10px}.ops-user-details{display:none}.ops-avatar{width:32px;height:32px;font-size:11px}.ops-signout{width:36px;min-height:36px;padding:8px}.ops-signout>span{display:none}}

.setup-steps{padding:0;list-style:none;margin:24px 0}.setup-steps li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e5dfd5}.setup-steps strong{font-weight:500;color:#665c50;white-space:nowrap}.setup-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.setup-jobs{display:grid;gap:12px}.setup-jobs a{display:flex;justify-content:space-between;gap:16px;color:inherit;text-decoration:none;padding:12px 0;border-bottom:1px solid #e5dfd5}.setup-jobs span{color:#665c50}.setup-jobs strong{font-weight:500}@media(max-width:600px){.setup-steps li{flex-direction:column;gap:4px}}
