/* The security pages inherit the established blue/light ERP design. */
.auth-scene{--auth-text:16px;--auth-control:48px;grid-template-columns:minmax(220px,300px) minmax(0,420px);column-gap:clamp(48px,12vw,220px);padding:36px 32px 58px;align-items:start}
.auth-brand{margin-top:30px}.auth-brand p{margin-left:0}.auth-panel{padding:24px;border-radius:16px}.auth-panel h1{font-size:25px;margin-bottom:16px}.auth-panel h1:focus{outline:none}
.auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.05em;color:#b4d6f8;margin-bottom:12px}.auth-eyebrow .auth-icon{width:18px;height:18px}.auth-eyebrow span{margin-left:auto;letter-spacing:0;color:#b9c9dc;background:#17344f;padding:4px 8px;border-radius:6px}
.auth-panel .auth-intro{margin:0 0 20px;color:#bacce0}.auth-passkey{gap:12px;min-height:60px}.auth-passkey .auth-icon{width:30px;height:30px;color:white}.auth-passkey small{display:block;font-size:14px;margin-top:3px;font-weight:400;color:#e6f3ff}.auth-passkey span{font-weight:600;text-align:left}
.auth-panel button.auth-outline{width:100%;background:#102d48;color:#cce8ff}.auth-between{font-size:14px;gap:10px;flex-wrap:wrap;margin:14px 0}.auth-check{white-space:normal}.auth-panel p.auth-small-note{font-size:14px;color:#a9bfd7;margin:10px 0 0}.auth-panel p.auth-bottom{margin:16px 0 0;font-size:16px}.auth-center-link{text-align:center;margin:10px 0 0}.auth-panel p.auth-demo-hint{font-size:14px;background:#14334d;border:1px solid #315572;border-radius:8px;padding:10px 12px;color:#c8dced}.auth-panel .auth-divider{font-size:14px;margin:12px 0}.auth-providers button{font-size:14px}.auth-demo-footer{font-size:14px;gap:8px}.auth-demo-footer a{color:#a8d9ff}.demo-entry,.auth-text{font-size:14px;min-height:44px}.auth-label{font-size:14px;margin-bottom:14px}.auth-catalog-link{font-size:14px}.auth-action-stack{display:grid;gap:12px;margin:24px 0}.auth-action-stack .auth-primary,.auth-action-stack .auth-outline{gap:10px}.auth-qr-placeholder{display:flex;align-items:center;gap:14px;min-height:120px;border:1px dashed #50718e;border-radius:12px;padding:20px;color:#bacfe2;margin:20px 0}.auth-input:has(input[name=code]) input{letter-spacing:.2em;font-size:20px}.auth-panel button:focus-visible,.auth-panel a:focus-visible{outline:3px solid #9cdbff;outline-offset:3px}.auth-panel input:focus-visible{outline:none}.auth-panel input[type=checkbox]:focus-visible{outline:2px solid #9cdbff;outline-offset:3px}
.security-mode #country{display:none}.sec-workspace{display:flex;flex-direction:column;min-height:0;height:100%;font-size:16px;color:#19324e}.sec-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 20px}.sec-heading h1{font-size:28px;line-height:1.2;margin:4px 0 0}.sec-kicker{font-size:14px;margin:0;color:#61758c}.sec-notice{font-size:14px;border:1px solid #c8dbed;background:#edf5fd;padding:12px 16px;border-radius:10px;color:#3d5c7a;margin-bottom:16px}.sec-tabs{display:flex;gap:6px;border-bottom:1px solid #d9e3ee;padding-bottom:10px;flex-wrap:wrap}.sec-tabs button{min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:transparent;color:#456078;font-size:16px}.sec-tabs button.active{background:#087cf0;color:white}.sec-scroll{overflow:auto;min-height:0;padding:20px 4px 32px 0}.sec-card{padding:22px 24px;margin-bottom:18px;background:white;border:1px solid #dce5f0;border-radius:14px}.sec-card h2,.sec-summary h2{font-size:20px;line-height:1.3;margin:0 0 12px}.sec-card p{line-height:1.6}.sec-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.sec-card-title h2{margin:0}.sec-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-bottom:1px solid #e7edf5;min-height:86px}.sec-row:last-child{border-bottom:0}.sec-row strong{font-size:17px;font-weight:600}.sec-row p{font-size:15px;color:#58718a;margin:6px 0 0;max-width:720px}.sec-row-action{flex:none}.sec-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #cadbea;border-radius:8px;background:#fff;color:#1269b7;padding:10px 16px;font-size:15px;line-height:1.3;text-decoration:none;cursor:pointer}.sec-button.primary{background:#087cf0;border-color:#087cf0;color:white}.sec-button.danger{color:#b42336}.sec-button:disabled{opacity:.5;cursor:not-allowed}.sec-tag{display:inline-flex;padding:6px 10px;border-radius:6px;background:#edf4fb;color:#365d86;font-size:14px;line-height:1.4}.sec-summary{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #b9d8f4;border-radius:14px;background:#f0f7ff;margin-bottom:20px}.sec-summary p{margin:0;font-size:15px;line-height:1.5}.sec-summary h2{margin-bottom:6px}.sec-summary>.sec-tag{margin-left:auto}.sec-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#dfeeff;color:#087cf0;flex:none}.sec-symbol svg{width:28px;height:28px}.sec-footnote{font-size:14px;color:#62778c;line-height:1.5}.sec-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sec-form-grid label{display:grid;gap:8px;font-size:15px}.sec-form-grid select,.sec-demo-options select{font-size:16px;min-height:46px;border:1px solid #c5d5e6;border-radius:8px;background:white;color:#19324e;padding:8px}.sec-recommendations{padding-left:23px;line-height:1.6}.sec-recommendations li{padding:6px 0 12px}.sec-recommendations p{margin:6px 0;color:#57718a}.sec-table-wrap{overflow:auto}.sec-table-wrap table{width:100%;font-size:15px;border-collapse:collapse}.sec-table-wrap th{background:#f3f7fc;text-align:left;position:sticky;top:0}.sec-table-wrap th,.sec-table-wrap td{padding:14px;border-bottom:1px solid #e0e8f1}.sec-empty{padding:36px 16px;text-align:center;color:#62778c}.sec-demo-options{font-size:14px;color:#62778c}.sec-demo-options summary{cursor:pointer;min-height:44px;padding:10px 0}.sec-demo-options label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sec-code-example{background:#edf5fd;border:1px dashed #92b5d7;border-radius:8px;padding:20px;font-size:18px;letter-spacing:.06em}.sec-workspace button:focus-visible,.sec-workspace a:focus-visible{outline:3px solid #0b82ef;outline-offset:3px}
@media(max-width:1050px){.auth-scene{column-gap:40px;grid-template-columns:minmax(180px,1fr) minmax(0,420px)}.sec-row{gap:12px}.sec-summary{flex-wrap:wrap}.sec-summary>.sec-tag{margin-left:70px}.sec-card{padding:20px}}
@media(max-width:800px){.auth-scene{grid-template-columns:minmax(0,420px);gap:20px;padding:24px 20px 32px;--auth-text:16px;--auth-control:48px}.auth-brand{width:170px;margin:0;justify-self:center}.auth-brand p{display:none}.auth-panel{padding:22px}.auth-catalog-link{position:static;text-align:center}.auth-providers button{font-size:14px}.sec-heading{align-items:flex-start}.sec-heading h1{font-size:25px}.sec-form-grid{grid-template-columns:1fr}.sec-row{align-items:flex-start;flex-wrap:wrap}.sec-row-action{width:100%}.sec-summary>.sec-tag{margin-left:0}.sec-tabs button{font-size:15px;padding:10px 12px}}
@media(max-width:380px){.auth-scene{padding:18px 12px 28px}.auth-panel{padding:20px 16px}.auth-between{display:grid;gap:12px}.auth-providers button{font-size:13px;min-height:52px}.auth-passkey small{font-size:13px}.auth-eyebrow{font-size:13px}.auth-passkey{gap:8px}.sec-heading{flex-wrap:wrap}}

/* Compact sign-in and a separate, guided first-owner setup. */
.auth-panel .auth-center-link{font-size:14px;margin:6px 0 0}
.auth-panel p.auth-owner-link{font-size:14px;text-align:center;margin:12px 0 0;padding-top:12px;border-top:1px solid #29425d}
.auth-owner-link a{color:#b9dcff}
.auth-panel a{overflow-wrap:anywhere}
.auth-panel h1{overflow-wrap:anywhere}
.auth-panel p.auth-step-count{font-size:14px;color:#a9d7ff;margin:0 0 16px}
.auth-start-steps{list-style:none;counter-reset:owner;padding:0;margin:18px 0}
.auth-start-steps li{counter-increment:owner;position:relative;padding-left:36px;margin:0 0 14px}
.auth-start-steps li:before{content:counter(owner);position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;border:1px solid #35658a;border-radius:50%;color:#afdfff;font-size:14px}
.auth-start-steps strong{display:block;font-weight:600;font-size:16px}
.auth-start-steps span{display:block;color:#abc2da;font-size:14px;line-height:1.45;margin-top:3px}
.auth-start-steps + .auth-small-note{margin-bottom:16px!important}
.auth-owner-invite{display:grid;gap:8px;font-size:14px;padding:12px;margin:16px 0;background:#12314b;border:1px solid #315572;border-radius:8px;overflow-wrap:anywhere}
.auth-owner-invite strong{font-weight:500}
.auth-owner-secondary{margin-top:12px}
.auth-ready-list{padding-left:22px;margin:18px 0;line-height:1.6;font-size:14px;color:#c1dcf3}
.auth-scene[data-auth-screen^="owner-"] .auth-status{margin-bottom:16px;width:44px;height:44px}
@media(max-width:900px){.auth-scene{grid-template-columns:minmax(0,420px);gap:18px;padding:24px 20px 40px}.auth-brand{width:145px;margin:0;justify-self:center}.auth-brand p{display:none}.auth-catalog-link{position:static;text-align:center}.auth-panel{padding:22px}}
@media(max-width:380px){.auth-scene{padding:18px 12px 28px}.auth-panel{padding:20px 16px}.auth-passkey small{font-size:14px}.auth-eyebrow{font-size:14px}.auth-providers button{font-size:14px}}

.auth-panel .auth-passkey{min-height:60px}
.auth-panel p.auth-owner-link a,.auth-panel p.auth-center-link a{display:inline-flex;align-items:center;min-height:32px}

@media(min-width:901px){.auth-form-column{position:relative;left:24px}}