:root{--ot-bg:#f4f7fb;--ot-ink:#101828;--ot-muted:#667085;--ot-line:#e7ecf3;--ot-card:#fff;--ot-dark:#08111f;--ot-accent:#24d28b;--ot-radius:22px;font-family:"Manrope","Avenir Next","Segoe UI Variable",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ot-ink);background:var(--ot-bg);font-family:inherit}.ot-app{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.ot-sidebar{background:linear-gradient(180deg,#08111f,#0c1729 70%,#0a1322);color:#fff;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.ot-brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.ot-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--ot-accent),#7cf5c7);display:grid;place-items:center;color:#062016;font-weight:900;letter-spacing:-.04em;box-shadow:0 12px 30px rgba(36,210,139,.22)}.ot-brand strong,.ot-brand span{display:block}.ot-brand strong{font-size:15px}.ot-brand span{font-size:12px;color:#91a1b8}.ot-sidebar nav{display:grid;gap:6px}.ot-sidebar nav a{color:#aeb9ca;text-decoration:none;padding:12px 14px;border-radius:13px;font-weight:750;font-size:14px;transition:.18s ease}.ot-sidebar nav a:hover,.ot-sidebar nav a.is-active{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.ot-sidebar nav a.is-active:before{content:"";display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--ot-accent);margin-right:10px;box-shadow:0 0 0 5px rgba(36,210,139,.11)}.ot-sidebar-foot{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.ot-sidebar-foot span{font-size:11px;color:#7d8aa0}.ot-sidebar-foot a{color:#dbe5f2;font-size:13px;text-decoration:none}.ot-main{min-width:0}.ot-topbar{height:92px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--ot-line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.ot-club-identity{display:flex;align-items:center;gap:13px}.ot-club-identity img,.ot-club-placeholder{width:48px;height:48px;border-radius:15px;object-fit:cover}.ot-club-placeholder{display:grid;place-items:center;background:var(--ot-club,#0f172a);color:#fff;font-weight:900}.ot-club-identity span{display:block;color:#8490a3;font-size:10px;letter-spacing:.13em;font-weight:900}.ot-club-identity strong{display:block;font-size:16px;margin-top:3px}.ot-user-chip{background:#f1f4f8;border:1px solid #e5eaf1;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}.ot-menu{display:none;border:0;background:#edf1f7;border-radius:12px;width:42px;height:42px}.ot-content{padding:34px;max-width:1500px;margin:0 auto}.ot-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.ot-kicker{color:#109a66;font-size:10px;font-weight:900;letter-spacing:.16em}.ot-page-head h1{font-size:32px;letter-spacing:-.04em;margin:7px 0 4px}.ot-page-head p{margin:0;color:var(--ot-muted)}.ot-actions{display:flex;gap:10px;flex-wrap:wrap}.ot-primary,.ot-secondary{appearance:none;border:0;border-radius:13px;padding:12px 16px;font-weight:850;font-family:inherit;cursor:pointer}.ot-primary{background:var(--ot-dark);color:#fff;box-shadow:0 8px 22px rgba(8,17,31,.14)}.ot-secondary{background:#fff;border:1px solid var(--ot-line);color:#344054}.ot-grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ot-card{background:var(--ot-card);border:1px solid var(--ot-line);border-radius:var(--ot-radius);box-shadow:0 12px 34px rgba(15,23,42,.055)}.ot-metric{padding:20px}.ot-metric span{font-size:12px;color:var(--ot-muted);font-weight:800}.ot-metric strong{display:block;font-size:29px;letter-spacing:-.04em;margin-top:9px}.ot-metric small{color:#12a66f;font-weight:800}.ot-dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.ot-panel{padding:22px}.ot-panel h2{font-size:17px;margin:0 0 6px}.ot-panel p{color:var(--ot-muted);font-size:13px}.ot-chart{height:260px;display:flex;align-items:end;gap:6px;padding-top:22px}.ot-bar{flex:1;min-width:6px;background:linear-gradient(180deg,var(--ot-accent),#92f0ca);border-radius:8px 8px 3px 3px;position:relative}.ot-bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#0b1220;color:#fff;padding:5px 7px;border-radius:8px;font-size:10px}.ot-fixture-hero{padding:22px;background:linear-gradient(135deg,var(--ot-club,#0f172a),#17273f);color:#fff;min-height:100%}.ot-fixture-hero p{color:#c0ccda}.ot-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;margin:18px 0 8px}.ot-progress>i{display:block;height:100%;background:var(--ot-accent);border-radius:inherit}.ot-list{display:grid;gap:10px}.ot-list-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--ot-line);background:#fff;border-radius:16px}.ot-list-row strong{font-size:14px}.ot-list-row span{color:var(--ot-muted);font-size:12px}.ot-status{display:inline-flex!important;width:max-content;padding:6px 9px;border-radius:999px;background:#eafaf3;color:#087b51!important;font-weight:900!important}.ot-empty{padding:36px;text-align:center;color:var(--ot-muted)}.ot-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ot-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:850;color:#475467}.ot-form-grid input{width:100%;border:1px solid #dbe2ea;border-radius:13px;padding:12px 13px;font:inherit;background:#fff}.ot-form-grid .wide{grid-column:1/-1}.ot-loading{padding:60px;text-align:center;color:var(--ot-muted)}.ot-mobile-nav{display:none}.ot-login-body{min-height:100vh;background:#08111f}.ot-login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.ot-login-brand{padding:9vw;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(36,210,139,.14),transparent 35%),#08111f}.ot-login-brand>span{font-size:11px;letter-spacing:.17em;color:#8b9aae;font-weight:900;margin-top:28px}.ot-login-brand h1{font-size:clamp(40px,5.3vw,78px);line-height:.96;letter-spacing:-.055em;max-width:850px;margin:18px 0}.ot-login-brand p{max-width:600px;color:#9eacc0;font-size:18px;line-height:1.6}.ot-login-card{background:#fff;padding:clamp(36px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.ot-login-card h2{font-size:34px;letter-spacing:-.04em;margin:8px 0}.ot-login-card>p{color:var(--ot-muted);margin-top:0}.ot-login-card form{display:grid;gap:15px;margin-top:24px}.ot-login-card label:not(.ot-check){display:grid;gap:7px;font-size:12px;font-weight:850}.ot-login-card input[type=text],.ot-login-card input[type=password],.ot-login-card input:not([type]){border:1px solid #d9e0e9;border-radius:13px;padding:14px;font:inherit}.ot-check{font-size:12px;color:#667085}.ot-alert{padding:12px 14px;background:#fff4ed;border:1px solid #ffd6ae;color:#9a3412;border-radius:12px;font-size:12px}.ot-login-card small{margin-top:28px;color:#98a2b3}.ot-channel{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--ot-line)}@media(max-width:1100px){.ot-app{grid-template-columns:220px 1fr}.ot-grid-metrics{grid-template-columns:repeat(2,1fr)}.ot-dashboard-grid{grid-template-columns:1fr}.ot-content{padding:24px}}@media(max-width:820px){.ot-app{display:block;padding-bottom:76px}.ot-sidebar{position:fixed;z-index:50;left:-280px;width:260px;transition:.2s}.ot-sidebar.is-open{left:0}.ot-menu{display:block}.ot-topbar{height:76px;padding:0 18px}.ot-user-chip{display:none}.ot-content{padding:18px}.ot-page-head{align-items:start;flex-direction:column}.ot-page-head h1{font-size:27px}.ot-grid-metrics{grid-template-columns:repeat(2,1fr)}.ot-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--ot-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.ot-mobile-nav a{text-align:center;font-size:10px;font-weight:850;color:#7b8798;padding:9px 3px}.ot-mobile-nav a.is-active{color:#0c1729}.ot-mobile-nav .ot-scan{background:#0b1220;color:#fff;border-radius:14px;transform:translateY(-8px);box-shadow:0 10px 24px rgba(11,18,32,.18)}.ot-list-row{grid-template-columns:1fr 1fr}.ot-login-shell{grid-template-columns:1fr}.ot-login-brand{display:none}.ot-login-card{min-height:100vh;padding:34px}}@media(max-width:520px){.ot-club-identity img,.ot-club-placeholder{width:42px;height:42px}.ot-club-identity span{display:none}.ot-content{padding:14px}.ot-grid-metrics{gap:10px}.ot-metric{padding:16px}.ot-metric strong{font-size:23px}.ot-card{border-radius:18px}.ot-form-grid{grid-template-columns:1fr}.ot-list-row{grid-template-columns:1fr}.ot-chart{height:200px}.ot-page-head h1{font-size:24px}}
/* v0.2 commerce and access-control components */
.ot-panel-head,.ot-fixture-statline{display:flex;align-items:center;justify-content:space-between;gap:16px}.ot-panel-head h2,.ot-panel-head h3{margin:4px 0 0}.ot-list{display:grid;gap:12px;margin-top:18px}.ot-fixture-row{display:grid;gap:0}.ot-inline-panel:empty{display:none}.ot-inline-panel>.ot-card{margin-top:10px;border-top-left-radius:8px;border-top-right-radius:8px}.ot-icon-btn{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.5);color:#e2e8f0;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.ot-ticket-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.ot-ticket-class{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.45);border-radius:14px;padding:16px}.ot-ticket-class>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.ot-ticket-class span{font-weight:700}.ot-ticket-class strong{font-size:18px}.ot-ticket-class small{display:block;color:#94a3b8;margin-top:8px}.ot-compact-form{border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.04);padding:16px;border-radius:14px;margin:14px 0}.ot-status.is-good{color:#86efac;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}.ot-toast{position:fixed;right:24px;bottom:24px;z-index:9999;background:#0f172a;color:#f8fafc;border:1px solid rgba(34,197,94,.35);box-shadow:0 18px 45px rgba(2,6,23,.35);padding:14px 18px;border-radius:12px;font-weight:700}.ot-alert.ot-success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08);color:#bbf7d0;margin-top:16px}.ot-form-grid select{width:100%;background:#0b1220;color:#f8fafc;border:1px solid rgba(148,163,184,.22);border-radius:10px;padding:12px}.ot-primary:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:900px){.ot-ticket-class-grid{grid-template-columns:1fr}.ot-list-row{grid-template-columns:minmax(0,1fr) auto}.ot-list-row>*:nth-child(n+3){margin-top:8px}}
@media(max-width:640px){.ot-panel-head{align-items:flex-start;flex-direction:column}.ot-list-row{display:flex;flex-wrap:wrap;align-items:center}.ot-list-row>div:first-child{width:100%}.ot-icon-btn,.ot-secondary,.ot-primary{min-height:44px}.ot-toast{left:16px;right:16px;bottom:88px}.ot-ticket-class>div:first-child{align-items:flex-start}}
/* v0.4 match-day and branded authentication */
.ot-auth-badge{display:flex;align-items:center;gap:13px}.ot-auth-badge strong,.ot-auth-badge span{display:block}.ot-auth-badge strong{font-size:14px;letter-spacing:.1em}.ot-auth-badge span{font-size:10px;letter-spacing:.19em;color:#7f91a8;margin-top:2px}.ot-auth-copy{margin:auto 0}.ot-kicker-light{font-size:10px;letter-spacing:.18em;font-weight:900;color:#70e9bd}.ot-auth-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ot-auth-trust span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 11px;color:#b7c3d3;font-size:11px;font-weight:750}.ot-login-brand>small{color:#617189}.ot-login-card-inner{width:min(460px,100%);margin:auto}.ot-mobile-auth-brand{display:none}.ot-login-card form input{width:100%;border:1px solid #d9e0e9;border-radius:13px;padding:14px;font:inherit;outline:none;transition:.18s}.ot-login-card form input:focus{border-color:#25b87e;box-shadow:0 0 0 4px rgba(37,184,126,.1)}.ot-login-card .ot-primary{width:100%;padding:15px}.ot-password-field{position:relative}.ot-password-field input{padding-right:65px!important}.ot-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#f1f5f9;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:850;color:#475467;cursor:pointer}.ot-login-options{display:flex;align-items:center;justify-content:space-between;gap:15px}.ot-login-options a,.ot-auth-link{font-size:12px;color:#087b51;font-weight:800;text-decoration:none}.ot-auth-link{display:inline-flex;margin-top:20px}.ot-login-security{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #edf0f4;margin-top:32px;padding-top:20px;color:#98a2b3;font-size:11px}.ot-lock-dot{width:8px;height:8px;border-radius:99px;background:#25c887;box-shadow:0 0 0 4px rgba(37,200,135,.11)}.ot-head-select{border:1px solid var(--ot-line);background:#fff;border-radius:13px;padding:11px 38px 11px 13px;font:inherit;font-weight:750;color:#344054}.ot-live-banner{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#eafaf3;color:#087b51;border:1px solid #c9f1df;border-radius:14px;margin-bottom:14px;font-size:11px}.ot-live-banner strong{font-size:10px;letter-spacing:.12em}.ot-live-dot{width:8px;height:8px;border-radius:50%;background:#16b878;box-shadow:0 0 0 5px rgba(22,184,120,.12)}.ot-gate-list,.ot-device-list{display:grid;margin-top:16px}.ot-gate-row,.ot-device-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ot-line)}.ot-gate-row:last-child,.ot-device-row:last-child{border-bottom:0}.ot-gate-row div strong,.ot-gate-row div span,.ot-device-row div strong,.ot-device-row div span{display:block}.ot-gate-row span,.ot-device-row span{font-size:11px;color:var(--ot-muted);margin-top:3px}.ot-device-state{padding:6px 9px;border-radius:999px;background:#f2f4f7;text-transform:uppercase;font-weight:900!important;font-size:9px!important}.ot-device-state.is-online{background:#eafaf3;color:#087b51!important}.ot-device-create{margin-bottom:16px}.ot-device-credential{margin-top:16px;padding:20px;border-radius:18px;background:#08111f;color:#fff}.ot-device-credential>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#75e6bc}.ot-device-credential>strong{display:block;font-size:30px;letter-spacing:.08em;margin:8px 0}.ot-device-credential p{color:#a7b4c5}.ot-device-credential a{display:inline-flex;text-decoration:none;margin-right:8px}.ot-device-credential .ot-secondary{background:#17243a;color:#fff;border-color:#283954}@media(max-width:820px){.ot-mobile-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.ot-mobile-auth-brand .ot-mark{width:38px;height:38px;border-radius:12px}.ot-login-card-inner{margin:0 auto}.ot-login-options{align-items:flex-start}.ot-head-select{max-width:100%;width:100%}.ot-gate-row{grid-template-columns:1fr auto}.ot-gate-row>span:last-child{display:none}}@media(max-width:520px){.ot-login-card{padding:24px}.ot-login-card h2{font-size:30px}.ot-device-credential .ot-primary,.ot-device-credential .ot-secondary{width:100%;justify-content:center;margin:5px 0}.ot-live-banner span:last-child{display:none}}
.ot-gate-metric{display:grid;justify-items:end}.ot-traffic{font-size:9px;font-weight:900;letter-spacing:.09em;padding:6px 8px;border-radius:999px}.ot-traffic-high{background:#fff1f1;color:#b42318}.ot-traffic-steady{background:#fff8e7;color:#9a6700}.ot-traffic-low{background:#ecfdf3;color:#067647}.ot-device-actions{display:flex;align-items:center;gap:9px}.ot-device-state.health-online{background:#ecfdf3;color:#067647}.ot-device-state.health-stale{background:#fff8e7;color:#9a6700}.ot-device-state.health-offline,.ot-device-state.health-revoked{background:#f2f4f7;color:#667085}.ot-link-danger{border:0;background:transparent;color:#b42318;font-weight:800;cursor:pointer;padding:7px}.ot-warning{background:#fff8e7!important;color:#7a4d00!important;border-color:#f5d889!important;margin-top:14px}@media(max-width:720px){.ot-gate-row{grid-template-columns:minmax(0,1fr) auto}.ot-traffic{grid-column:1/-1;width:max-content}.ot-device-row{align-items:flex-start}.ot-device-actions{flex-direction:column;align-items:flex-end}}
/* v0.6 professional settings + delivery centre */
.ot-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ot-settings-card{min-width:0}.ot-settings-card h2{margin:4px 0 6px}.ot-settings-card p{color:var(--ot-muted);margin-top:0}.ot-settings-card textarea{width:100%;resize:vertical;background:#fff;color:#182230;border:1px solid var(--ot-line);border-radius:12px;padding:12px;font:inherit}.ot-settings-card input[type=color]{width:100%;height:48px;padding:4px;border-radius:12px;background:#fff}.ot-config-state{font-size:9px;letter-spacing:.1em;font-weight:900;padding:7px 9px;border-radius:999px;background:#f2f4f7;color:#667085;white-space:nowrap}.ot-config-state.is-ready{background:#ecfdf3;color:#067647}.ot-switch-row{display:flex!important;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--ot-line);border-radius:14px;background:#fbfcfd}.ot-switch-row input{width:18px!important;height:18px;margin-top:2px}.ot-switch-row span{display:grid;gap:3px}.ot-switch-row small{color:var(--ot-muted);font-weight:500}.ot-security-note{display:flex;gap:10px;align-items:flex-start;background:#f5f8fb;border:1px solid #e4eaf1;border-radius:14px;padding:14px}.ot-security-note strong{white-space:nowrap;color:#087b51}.ot-security-note span{color:#667085;font-size:12px;line-height:1.5}.ot-ticket-preview{margin-top:20px;border-radius:22px;min-height:280px;padding:24px;color:#fff;background:linear-gradient(145deg,var(--preview-primary),#07111f);display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:20px;box-shadow:0 18px 40px rgba(15,23,42,.12);border-bottom:6px solid var(--preview-accent)}.ot-ticket-preview span,.ot-ticket-preview strong{display:block}.ot-ticket-preview span{font-size:10px;letter-spacing:.16em;opacity:.72}.ot-ticket-preview strong{font-size:25px;margin-top:5px}.ot-preview-qr{width:92px;height:92px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:950;border-radius:14px}.ot-ticket-preview small{grid-column:1/-1;opacity:.72}.ot-status.is-bad{background:#fff1f1;color:#b42318;border-color:#fecaca}
@media(max-width:1000px){.ot-settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.ot-settings-card{padding:16px}.ot-security-note{flex-direction:column}.ot-ticket-preview{min-height:240px;padding:18px}}
/* v0.8 Support Centre */
.ot-support-email{font-size:12px;font-weight:800;color:#64748b}.ot-support-row{width:100%;border:0;background:#fff;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px;align-items:center;text-align:left;border-bottom:1px solid #edf0f5;cursor:pointer}.ot-support-row:hover{background:#f8fafc}.ot-support-row>div{min-width:0}.ot-support-row strong,.ot-support-row span{display:block}.ot-support-row>div span{font-size:13px;color:#667085;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-support-row small{color:#667085}.ot-priority{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;background:#eef2f6;color:#475467}.ot-priority.is-high{background:#fff4e5;color:#b54708}.ot-priority.is-urgent{background:#fee4e2;color:#b42318}.ot-priority.is-low{background:#eef4ff;color:#3538cd}.ot-support-thread{margin-bottom:18px}.ot-thread{display:grid;gap:12px;margin:18px 0}.ot-thread-msg{max-width:82%;border-radius:16px;padding:16px 18px;background:#f2f4f7;border:1px solid #e4e7ec}.ot-thread-msg.is-support{justify-self:end;background:#071827;color:#fff;border-color:#071827}.ot-thread-msg>div{display:flex;justify-content:space-between;gap:18px;align-items:center}.ot-thread-msg>div span{font-size:11px;opacity:.7}.ot-thread-msg p{margin:9px 0 0;line-height:1.55}.ot-support-gallery{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ot-support-gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid #e4e7ec}.ot-support-gallery img{width:120px;height:86px;object-fit:cover;display:block}.ot-support-reply-form{border-top:1px solid #e4e7ec;margin-top:20px;padding-top:20px;display:grid;gap:14px}.ot-support-reply-form label{display:grid;gap:7px;font-weight:700}.ot-support-closed{padding:14px 16px;border-radius:12px;background:#ecfdf3;color:#067647;font-weight:700}.ot-field-help{font-size:11px;font-weight:500;color:#667085;margin-left:6px}@media(max-width:720px){.ot-support-row{grid-template-columns:1fr auto;gap:10px}.ot-support-row small{grid-column:1/-1}.ot-thread-msg{max-width:94%}}

/* v1.0.1 tenant-branded login */
.ot-client-login-brand{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:14px 16px;border:1px solid #e6ebf1;border-radius:16px;background:#f8fafc}.ot-client-login-brand img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #edf0f4;padding:5px}.ot-client-login-brand span,.ot-client-login-brand strong{display:block}.ot-client-login-brand span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#7b8797}.ot-client-login-brand strong{font-size:18px;color:#152238;margin-top:3px}@media(max-width:520px){.ot-client-login-brand{padding:12px}.ot-client-login-brand img{width:50px;height:50px}.ot-client-login-brand strong{font-size:16px}}

.ot-connect-card{margin-top:18px;display:grid;grid-template-columns:210px 1fr;gap:26px;align-items:center;padding:24px;border:1px solid rgba(13,27,42,.09);border-radius:22px;background:linear-gradient(135deg,#f7faf9,#fff)}.ot-connect-qr{background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:12px;display:grid;place-items:center}.ot-connect-qr svg{display:block;width:100%;height:auto}.ot-connect-copy>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#13976a}.ot-connect-copy h3{margin:7px 0;font-size:23px}.ot-connect-copy p{color:#677486;line-height:1.5}.ot-pin-block{display:inline-flex;flex-direction:column;background:#0a1422;color:#fff;border-radius:14px;padding:11px 18px;margin:5px 0 12px}.ot-pin-block small{font-size:9px;letter-spacing:.14em;color:#9eacc0}.ot-pin-block strong{font-size:29px;letter-spacing:.16em}.ot-connect-url{margin:5px 0 14px}.ot-connect-url small{display:block;font-size:9px;font-weight:900;color:#7b8797;letter-spacing:.12em}.ot-connect-url code{display:block;margin-top:5px;padding:10px 12px;border-radius:10px;background:#eef3f5;overflow-wrap:anywhere}.ot-connect-actions{display:flex;gap:8px;flex-wrap:wrap}.ot-security-caption{display:block;margin-top:12px;color:#8390a0}@media(max-width:700px){.ot-connect-card{grid-template-columns:1fr}.ot-connect-qr{max-width:240px;margin:auto}.ot-connect-actions>*{width:100%;text-align:center}}

.ot-readiness-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.ot-readiness-strip>div{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:16px;padding:13px 15px}.ot-readiness-strip span{display:block;font-size:10px;font-weight:800;color:#7a8797;text-transform:uppercase;letter-spacing:.08em}.ot-readiness-strip strong{display:block;margin-top:5px;font-size:18px}.ot-readiness-strip .is-ready strong{color:#0b9665}.ot-readiness-strip .is-warning strong{color:#b36a13}@media(max-width:700px){.ot-readiness-strip{grid-template-columns:1fr 1fr}}

/* v1.3.1 branding + export components on original v1.0.2 theme */
.ot-sidebar-logo{display:block;width:180px;max-height:72px;object-fit:contain;object-position:left center}.ot-platform-topbrand{display:flex;align-items:center;margin-right:auto;margin-left:18px}.ot-platform-topbrand img{width:138px;max-height:54px;object-fit:contain}.ot-outeniqua-logo{display:block;width:min(310px,80%);height:auto;object-fit:contain}.ot-mobile-auth-brand .ot-outeniqua-logo{width:190px;max-height:78px;object-fit:contain}.ot-auth-badge{display:block}
.ot-download-block{margin-top:24px;margin-bottom:12px}.ot-download-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ot-download-head h2{font-size:20px;margin:5px 0 7px}.ot-download-head p{max-width:780px;margin:0;color:var(--ot-muted);line-height:1.5}.ot-report-badge{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#eafaf3;color:#087b51;font-size:10px;font-weight:900;letter-spacing:.08em}.ot-download-form{display:grid;grid-template-columns:180px 180px 1fr;gap:12px;align-items:end;margin-top:18px}.ot-download-form label{display:grid;gap:7px;font-size:11px;font-weight:850;color:#475467}.ot-download-form input{width:100%;border:1px solid #d8e0e8;border-radius:12px;padding:11px 12px;background:#fff;font:inherit;color:#182230}.ot-download-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.ot-download-block>small{display:block;margin-top:12px;color:#7b8797;line-height:1.45}
@media(max-width:900px){.ot-platform-topbrand{display:none}.ot-download-form{grid-template-columns:1fr 1fr}.ot-download-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:560px){.ot-download-head{display:block}.ot-report-badge{display:inline-flex;margin-top:10px}.ot-download-form{grid-template-columns:1fr}.ot-download-actions{grid-column:1}.ot-download-actions button{width:100%}.ot-sidebar-logo{width:160px}}