:root{color-scheme:light;--page:#f4f7fb;--surface:#fff;--ink:#122036;--muted:#64748b;--line:#dbe3ef;--primary:#175bd7;--primary-dark:#1248ac;--soft:#eaf1ff;--success:#087e5b;--danger:#b42318;--shadow:0 18px 45px rgba(24,44,79,.08)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.topbar{height:80px;max-width:1240px;padding:0 26px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:12px;margin-top:1px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#175bd7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;width:9px;height:9px;border-color:#fff;border-style:solid}.brand-mark:before{left:8px;top:8px;border-width:3px 0 0 3px}.brand-mark:after{right:8px;top:8px;border-width:3px 3px 0 0}.brand-mark span:before{left:8px;bottom:8px;border-width:0 0 3px 3px}.brand-mark span:after{right:8px;bottom:8px;border-width:0 3px 3px 0}.topbar-link{font-size:13px;font-weight:650;text-decoration:none;color:#34445d}.topbar-link span{color:var(--primary);margin-left:5px}.page-shell{width:min(1120px,calc(100% - 40px));margin:27px auto 54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:50px;align-items:start}.hero-copy{padding:32px 0 0 5px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#2b74ef;box-shadow:0 0 0 4px #e1ebff}.hero-copy h1{font-size:clamp(35px,4.1vw,52px);line-height:1.08;letter-spacing:-.055em;max-width:540px;margin:22px 0 18px;font-weight:780}.hero-lede{color:#5a6b82;font-size:17px;line-height:1.75;max-width:515px;margin:0}.benefit-row{display:grid;gap:15px;margin-top:32px}.benefit{display:flex;align-items:center;gap:11px;font-size:14px;color:#31445e;font-weight:600}.benefit-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e0f6ed;color:#09845b;font-weight:800;font-size:13px}.form-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.form-card{padding:27px 28px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:25px}.card-heading h2{font-size:23px;margin:0 0 5px;letter-spacing:-.03em}.card-heading p{font-size:13px;color:var(--muted);margin:0;max-width:390px}.step-tag{white-space:nowrap;background:#f3f6fb;border:1px solid #e4eaf4;color:#66758d;border-radius:7px;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.step-tag span{display:inline-grid;place-items:center;border-radius:4px;background:#e4ecff;color:var(--primary);width:20px;height:20px;margin-right:4px}.field-grid{display:grid;grid-template-columns:1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:13px;font-weight:700;color:#25364d}.field b{color:#d14343}.field input,.field select{width:100%;height:44px;border:1px solid #ccd7e6;background:#fff;border-radius:8px;padding:0 12px;color:#172942;font:inherit;outline:none;box-shadow:0 1px 2px rgba(10,20,40,.03);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:#4f83e6;box-shadow:0 0 0 3px #e4edff}.field input::placeholder{color:#9aa8bb}.field small{color:#7b8799;font-size:11px;line-height:1.5}.terms-check{display:flex;gap:10px;align-items:flex-start;margin:22px 0 12px;color:#47576e;font-size:12px;line-height:1.55}.terms-check input{margin:3px 0 0;accent-color:var(--primary);flex:none}.privacy-note{font-size:10.5px;line-height:1.65;color:#8792a3;margin:0 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;padding:11px 15px;font:inherit;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s;white-space:normal}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait}.button-primary{background:var(--primary);color:white;box-shadow:0 4px 9px rgba(23,91,215,.13)}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-secondary{background:#fff;border-color:#d3deec;color:#34445b}.button-secondary:hover:not(:disabled){background:#f7f9fc}.button-wide{width:100%;min-height:46px;justify-content:space-between}.form-error{background:#fff1f0;border:1px solid #ffd2cd;color:#a9271b;padding:10px 12px;border-radius:8px;font-size:12px;margin:12px 0 0}.success-panel{text-align:center}.success-icon{width:50px;height:50px;margin:2px auto 12px;display:grid;place-items:center;background:#dff8ed;color:#07845a;border-radius:16px;font-weight:900;font-size:24px}.success-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--success)}.success-panel h2{font-size:24px;letter-spacing:-.04em;margin:8px 0}.success-panel>p{color:var(--muted);font-size:13px;line-height:1.65}.registration-summary{border:1px solid var(--line);border-radius:10px;margin:19px 0;text-align:left;overflow:hidden}.summary-row{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid #edf0f5;font-size:11px}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.summary-row strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.install-actions{display:flex;flex-direction:column;gap:9px;margin:18px 0}.install-actions .button{justify-content:center}.install-unavailable{padding:11px 13px;border:1px solid #f1d7a7;border-radius:8px;background:#fff9eb;color:#82530b;font-size:12px;text-align:left}.small-muted{font-size:10.5px!important;color:#7b8799!important;text-align:left!important;margin:14px 0 18px!important}.next-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:9px 4px 0}.next-step{display:flex;gap:13px;align-items:flex-start;padding:16px 15px;border-top:1px solid var(--line)}.next-number{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e6edff;color:var(--primary);font-size:12px;font-weight:800;flex:none}.next-step strong{font-size:13px}.next-step p{font-size:12px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.footer{max-width:1240px;width:calc(100% - 52px);margin:0 auto;padding:20px 0 25px;border-top:1px solid #e0e6ee;color:#8a96a8;font-size:11px;display:flex;justify-content:space-between;gap:20px}
/* Admin console */
.admin-shell{width:min(1240px,calc(100% - 40px));margin:34px auto 55px}.admin-login{max-width:460px;margin:70px auto;padding:30px}.admin-login h1,.admin-title-row h1{font-size:29px;letter-spacing:-.04em;margin:13px 0 6px}.admin-login .muted,.admin-title-row .muted{font-size:13px;color:var(--muted);line-height:1.65}.admin-login form{margin-top:24px}.admin-login .field{margin-bottom:17px}.admin-app{display:block}.admin-app[hidden],.admin-login[hidden],.success-panel[hidden],form[hidden]{display:none!important}.admin-title-row{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric-card{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;box-shadow:0 5px 16px rgba(24,44,79,.03)}.metric-card span{display:block;font-size:12px;color:var(--muted);font-weight:600}.metric-card strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:7px}.admin-panel{margin-bottom:20px;padding:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 22px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:17px;margin:0 0 4px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px;text-align:left}th,td{padding:13px 15px;border-bottom:1px solid #edf0f5;font-size:11px;vertical-align:middle}th{color:#6b7890;background:#fafbfd;font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td strong,td small{display:block}td strong{font-size:12px;color:#24364c}td small{font-size:10px;color:#8190a3;margin-top:3px}td code{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#52647c;white-space:nowrap}.inline-fields{display:flex;align-items:center;gap:5px}.inline-fields input{width:57px;min-width:0;height:31px;border:1px solid #d5deea;border-radius:6px;padding:3px 5px;font:11px inherit}.button-small{padding:7px 9px;font-size:10.5px;border-radius:6px}.empty-cell{text-align:center;color:var(--muted);padding:27px}.status-pill{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750}.status-active{background:#e0f7ed;color:#087e5b}.status-inactive{background:#fff0ee;color:#b42318}.notice{border:1px solid #cdddf7;background:#eff5ff;color:#294c81;border-radius:10px;padding:14px;margin:18px 0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.notice.success{background:#e9f8f0;color:#086947;border-color:#c2ead6}.notice.error{background:#fff0ee;color:#9b2820;border-color:#f6c8c3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.page-shell{grid-template-columns:1fr;max-width:620px;gap:25px}.hero-copy{padding-top:12px}.hero-copy h1{font-size:42px}.benefit-row{grid-template-columns:1fr;gap:11px}.next-steps{grid-template-columns:1fr;gap:0}.form-card{padding:23px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-title-row{align-items:center}}
@media(max-width:560px){.topbar{height:68px;padding:0 18px}.topbar-link{font-size:11px}.page-shell{width:calc(100% - 24px);margin-top:12px}.hero-copy h1{font-size:35px}.hero-lede{font-size:15px}.form-card{padding:19px 17px}.card-heading{flex-direction:column}.step-tag{align-self:flex-start}.footer{width:calc(100% - 36px);flex-direction:column;gap:6px}.admin-shell{width:calc(100% - 24px);margin-top:18px}.admin-login{padding:22px 18px;margin:35px auto}.metric-grid{gap:8px}.metric-card{padding:13px}.metric-card strong{font-size:26px}.panel-heading{align-items:flex-start;padding:17px}.admin-title-row{align-items:flex-start;flex-direction:column}.admin-title-row h1{font-size:25px}}

/* Customer authentication and account workspace */
.top-actions,.account-top-actions{display:flex;align-items:center;gap:18px}.landing-shell{width:min(1160px,calc(100% - 40px));margin:30px auto 64px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:70px;align-items:center;padding:38px 4px 58px}.landing-hero .hero-copy{padding:0}.landing-hero .hero-copy h1{max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-actions .button{min-width:142px}.trust-row{display:flex;gap:19px;flex-wrap:wrap;margin-top:27px;color:#64748b;font-size:11px;font-weight:650}.landing-panel{padding:28px;background:linear-gradient(145deg,#fff 0%,#f6f9ff 100%);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.panel-icon{width:42px;height:42px;display:grid;place-items:center;background:#e7efff;color:var(--primary);border-radius:12px;font-size:21px}.panel-kicker{margin-top:21px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-size:10px;font-weight:800}.landing-panel h2{font-size:25px;letter-spacing:-.04em;margin:7px 0 22px}.flow-list{display:grid;gap:16px}.flow-list>div{display:flex;gap:13px;align-items:flex-start;padding-top:15px;border-top:1px solid #e4eaf3}.flow-list>div>span{width:29px;height:29px;display:grid;place-items:center;background:#eaf1ff;color:var(--primary);border-radius:8px;font-size:10px;font-weight:800;flex:none}.flow-list p{margin:0}.flow-list strong,.flow-list small{display:block}.flow-list strong{font-size:13px}.flow-list small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-strip article{padding:22px 22px 19px;background:#fff;border:1px solid var(--line);border-radius:13px}.feature-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3ff;color:var(--primary);font-size:17px}.feature-strip h3{font-size:14px;margin:14px 0 5px}.feature-strip p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.auth-shell{width:min(1000px,calc(100% - 40px));margin:50px auto 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:75px;align-items:center}.auth-intro{padding:15px 0}.auth-intro h1{font-size:clamp(36px,4.5vw,54px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 15px}.auth-intro>p{max-width:430px;color:var(--muted);line-height:1.75;font-size:16px}.auth-assurance{display:flex;gap:12px;align-items:flex-start;margin-top:32px;padding:15px 17px;background:#eaf6f1;border:1px solid #d5eee3;border-radius:12px;max-width:410px}.auth-assurance>span{width:23px;height:23px;display:grid;place-items:center;background:#d4f0e4;color:#087e5b;border-radius:7px;font-size:12px;font-weight:800;flex:none}.auth-assurance strong,.auth-assurance small{display:block}.auth-assurance strong{font-size:12px}.auth-assurance small{margin-top:3px;font-size:11px;color:#557569;line-height:1.5}.auth-card{padding:28px}.auth-card-heading{margin-bottom:21px}.auth-card-heading h2{font-size:23px;letter-spacing:-.035em;margin:0 0 5px}.auth-card-heading p{font-size:12px;color:var(--muted);margin:0}.oauth-buttons{display:grid;gap:9px}.oauth-button{position:relative;display:flex;justify-content:center;align-items:center;gap:11px;min-height:44px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#25364d;text-decoration:none;font-weight:650;font-size:12px;transition:background .15s,border-color .15s}.oauth-button:hover{background:#f7f9fc;border-color:#b9c7da}.oauth-button[hidden]{display:none}.google-g{font-size:18px;font-weight:850;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 70%,#ea4335 0 85%,#4285f4 0);background-clip:text;-webkit-background-clip:text;color:transparent}.microsoft-mark{width:16px;height:16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.divider-label{display:flex;align-items:center;gap:11px;margin:19px 0;color:#8995a7;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.divider-label span{height:1px;background:#e5eaf1;flex:1}.auth-card .field{margin-bottom:15px}.auth-inline{display:flex;justify-content:space-between;margin:-4px 0 16px;font-size:11px}.auth-inline a,.auth-switch a{color:var(--primary);font-weight:700;text-decoration:none}.auth-inline a:hover,.auth-switch a:hover{text-decoration:underline}.auth-switch{text-align:center;font-size:11px;color:var(--muted);margin:19px 0 0}.auth-provider-note{font-size:11px;line-height:1.5;color:#86621d;padding:10px 12px;background:#fff8e8;border:1px solid #f1e2bd;border-radius:8px;margin:14px 0 0}.auth-terms{margin-top:8px}.auth-card .terms-check{font-size:11px}.auth-success{text-align:center}.auth-success h2{font-size:22px;margin:8px 0}.auth-success p{font-size:12px;color:var(--muted);margin:0 0 18px}.auth-success[hidden]{display:none}.single-auth{display:block;max-width:440px}.auth-success-message{padding:13px;background:#eaf6f1;border:1px solid #d5eee3;color:#22614b;border-radius:9px;font-size:12px;line-height:1.6}.auth-success-message[hidden]{display:none}
.account-top-actions{gap:13px}.account-email{font-size:11px;color:var(--muted)}.account-shell{width:min(1180px,calc(100% - 40px));margin:32px auto 62px}.account-welcome{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.account-welcome h1{font-size:31px;letter-spacing:-.045em;margin:11px 0 5px}.account-welcome p{font-size:13px;color:var(--muted);margin:0}.account-status-card{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:11px;flex:none}.account-status-dot{width:9px;height:9px;background:#10a36c;border-radius:50%;box-shadow:0 0 0 4px #e1f5ec}.account-status-card strong,.account-status-card small{display:block}.account-status-card strong{font-size:11px}.account-status-card small{font-size:10px;color:var(--muted);margin-top:2px}.account-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:19px;align-items:start}.request-card{padding:24px}.request-card .field{margin-bottom:16px}.signed-in-email{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;background:#f6f8fc;border:1px solid #e4eaf2;border-radius:8px;font-size:11px;margin:14px 0}.signed-in-email span{color:var(--muted)}.signed-in-email strong{overflow-wrap:anywhere}.form-success{background:#eaf6f1;border:1px solid #d5eee3;color:#22614b;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5;margin:12px 0 0}.account-requests{overflow:hidden}.account-requests .panel-heading{padding:20px}.requests-list{padding:4px 18px 18px}.request-item{padding:17px 3px;border-bottom:1px solid #e9edf3}.request-item:last-child{border-bottom:0}.request-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.request-item h3{font-size:13px;margin:0 0 5px}.request-item code{font-size:10px;color:#64748b;overflow-wrap:anywhere}.request-meta{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#78879a;font-size:10px}.request-license{font-size:11px;font-weight:650;color:#40536d;margin-top:12px}.request-note{font-size:10px;line-height:1.5;color:#86621d;background:#fff8e8;border:1px solid #f1e2bd;border-radius:7px;padding:8px 10px;margin:10px 0 0}.status-pending{background:#fff5d9;color:#8a5a00}.empty-state{text-align:center;padding:40px 15px;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:#34445d;font-size:13px;margin-top:9px}.empty-state p{max-width:260px;margin:5px auto 0;line-height:1.6}.empty-icon{width:38px;height:38px;display:grid;place-items:center;margin:auto;border-radius:11px;background:#edf3ff;color:var(--primary);font-size:18px}.account-help{display:flex;gap:12px;align-items:center;padding:14px 17px;background:#eff4fc;border:1px solid #e0e9f6;border-radius:10px;margin-top:19px;font-size:11px}.account-help strong{flex:none}.account-help span{color:var(--muted)}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;gap:30px;padding-top:15px}.landing-panel{max-width:620px}.auth-shell{grid-template-columns:1fr;gap:25px;max-width:560px;margin-top:28px}.auth-intro{padding:0}.auth-intro h1{font-size:39px}.auth-intro>p{font-size:14px}.auth-assurance{margin-top:18px}.feature-strip{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-welcome{align-items:flex-start;flex-direction:column}.account-status-card{align-self:flex-start}}
@media(max-width:560px){.landing-shell,.account-shell{width:calc(100% - 24px);margin-top:14px}.landing-hero{padding:12px 0 32px}.landing-hero .hero-copy h1{font-size:37px}.landing-panel{padding:21px}.trust-row{display:grid;gap:8px}.top-actions{gap:10px}.top-actions .button{padding:8px 10px}.auth-shell{width:calc(100% - 24px);margin:20px auto 45px}.auth-card{padding:22px 18px}.auth-intro h1{font-size:34px}.account-top-actions{gap:8px}.account-email{max-width:125px;overflow:hidden;text-overflow:ellipsis}.account-welcome h1{font-size:27px}.request-card{padding:19px 16px}.account-help{align-items:flex-start;flex-direction:column;gap:5px}}

.review-actions{display:grid;gap:7px;min-width:250px}.review-actions>.button{justify-self:start}.review-actions .inline-fields{flex-wrap:wrap}.form-info{background:#eff5ff;border:1px solid #cdddf7;color:#294c81;padding:10px 12px;border-radius:8px;font-size:12px;margin:12px 0 0}.status-pending{background:#fff5d9;color:#8a5a00}

.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-links a{color:#64748b;text-decoration:none}.footer-links a:hover{text-decoration:underline;color:var(--primary)}.terms-check a{color:var(--primary);font-weight:650;text-decoration:none}.terms-check a:hover{text-decoration:underline}

.policy-shell{width:min(850px,calc(100% - 32px));margin:32px auto 60px}.policy-card{padding:34px 38px}.policy-card h1{font-size:34px;letter-spacing:-.04em;margin:12px 0 4px}.policy-card h2{font-size:17px;margin:27px 0 8px}.policy-card p,.policy-card li{font-size:13px;line-height:1.75;color:#516176}.policy-card ul{padding-left:22px}.policy-updated{font-size:11px!important;color:#8794a6!important}.policy-warning{margin:25px 0;padding:13px 15px;border:1px solid #f0d7a8;background:#fff8e8;border-radius:9px;color:#81570e!important;font-size:12px!important}@media(max-width:560px){.policy-card{padding:24px 19px}.policy-card h1{font-size:29px}}


/* Customer-specific extension download and OAuth setup */
.request-extension{margin-top:17px;padding:16px;background:#f7f9fd;border:1px solid #dfe7f2;border-radius:11px}
.request-extension-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}
.request-extension-heading h4{margin:0;font-size:13px;color:#1e2c43}
.request-extension-heading p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.5}
.extension-chip{flex:none;padding:5px 8px;background:#eaf1ff;color:#2456c9;border-radius:20px;font-size:9px;font-weight:750;letter-spacing:.02em}
.redirect-uri-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:10px 11px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.redirect-uri-row>div{min-width:0}
.redirect-uri-row small,.redirect-uri-row code{display:block}
.redirect-uri-row small{color:#748399;font-size:10px;margin-bottom:4px}
.redirect-uri-row code{font-size:10px;overflow-wrap:anywhere;color:#263b5c}
.redirect-uri-row button{flex:none}
.request-extension>.button{margin-top:2px;text-decoration:none}
.extension-help{margin:10px 0 0;color:#6b7b90;font-size:10px;line-height:1.55}
@media(max-width:560px){.request-extension{padding:13px}.request-extension-heading{flex-direction:column}.redirect-uri-row{align-items:flex-start;flex-direction:column}.redirect-uri-row button{align-self:flex-start}}

/* Two-factor authentication (v1.5.0) */
.mfa-panel,.mfa-recovery-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8faff}.mfa-panel-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.mfa-panel-heading h3,.mfa-recovery-panel h3{margin:0 0 5px;font-size:16px}.mfa-panel-heading p,.mfa-recovery-panel p,.mfa-help{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.mfa-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#e5edff;border-radius:10px}.mfa-qr-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:14px 0}.mfa-qr-wrap img{width:190px;height:190px;object-fit:contain;background:#fff;border:1px solid #dfe6f0;border-radius:10px;padding:8px}.mfa-qr-wrap small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.mfa-secret{display:block;max-width:300px;overflow-wrap:anywhere;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#173258;font-size:12px;letter-spacing:.06em}.mfa-help{max-width:420px;margin-top:9px}.mfa-recovery-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.9;color:#173258}.security-card{padding:24px;margin-top:22px}.security-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef2f7;color:#53647b;font-size:11px;font-weight:700}.security-status.enabled{background:#e6f6ee;color:#08764f}.security-card .panel-heading{margin-bottom:16px}.inline-mfa-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.inline-mfa-form .field{flex:1;min-width:220px}.admin-login .mfa-panel{margin-top:18px}.admin-login .mfa-recovery-panel{margin-top:18px}

/* v1.5.2: preserve the HTML hidden attribute for flex-based MFA QR containers.
   Without this rule the .mfa-qr-wrap display:flex declaration overrides the
   browser's default [hidden] styling, exposing an empty QR image on repeat sign-in. */
.mfa-qr-wrap[hidden] {
  display: none !important;
}