/* BUILT Business sign-in — redesigned to match the marketing site.
 * Presentation only. Every control, hook and flow is the existing one. */
body[data-built-client="business"][data-business-entry="auth"]{--bl-black:#050505;--bl-carbon:#151517;--bl-steel:#26262a;--bl-steel-2:#34343a;--bl-text:#f4f4f1;--bl-ash:#a3a3a8;--bl-dim:#74747a;--bl-orange:#ff6b24;--bl-orange-light:#ff8f57;--bl-font:"Archivo","Inter","Helvetica Neue",Arial,sans-serif;background:var(--bl-black)}
html body[data-built-client="business"][data-business-entry="auth"] .topbar{background:#050505e6!important;border-bottom:1px solid #ffffff10!important;backdrop-filter:blur(14px)}
html body[data-built-client="business"][data-business-entry="auth"] #app{padding:0!important;background:var(--bl-black)!important;font-family:var(--bl-font)}
/* Page: two columns, the form column holds a plain stack (no card) */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%!important;padding:0!important;max-width:none!important;margin:0!important;position:relative;isolation:isolate;background:var(--bl-black)}
/* Left column: brand story */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::before{content:"";grid-column:1;grid-row:1;background:radial-gradient(70% 55% at 35% 25%,#ff6b2426,transparent 70%),linear-gradient(180deg,#0a0a0c,#050505);border-right:1px solid #ffffff0c;min-height:100%}
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{content:"Run the shop.\A Show the work.";white-space:pre;grid-column:1;grid-row:1;align-self:end;justify-self:start;box-sizing:border-box;padding:0 clamp(32px,6vw,88px) clamp(40px,7vh,96px);font-family:var(--bl-font);font-size:clamp(40px,4.6vw,76px);font-weight:620;font-stretch:108%;letter-spacing:-.045em;line-height:.95;color:var(--bl-text);background:linear-gradient(90deg,transparent,transparent);pointer-events:none;z-index:1}
html[lang="es"] body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{content:"Gestiona el taller.\A Muestra el trabajo."}
/* Right column: the form, as a plain centered stack */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.auth-form-shell,html body[data-built-client="business"][data-business-entry="auth"] .business-auth-shell{grid-column:2;grid-row:1;position:relative;align-self:center;justify-self:center;box-sizing:border-box;width:min(440px,calc(100% - 48px))!important;max-width:none!important;margin:clamp(40px,8vh,96px) 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;font-family:var(--bl-font);color:var(--bl-text)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell>.built-language-button{display:none!important}
html body[data-built-client="business"][data-business-entry="auth"] :is(.business-entry-back,.auth-back-btn){position:static!important;display:inline-flex!important;align-items:center;gap:8px;margin:0 0 30px!important;padding:0!important;background:none!important;border:0!important;color:var(--bl-ash)!important;font:600 14px/1 var(--bl-font)!important;cursor:pointer;width:auto!important}
html body[data-built-client="business"][data-business-entry="auth"] :is(.business-entry-back,.auth-back-btn):hover{color:var(--bl-text)!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell .eyebrow{display:block;font:600 13px/1.4 var(--bl-font)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--bl-orange-light)!important;margin:0 0 12px!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell h1{font:620 clamp(34px,3.2vw,44px)/1 var(--bl-font)!important;font-stretch:108%;letter-spacing:-.04em!important;text-transform:none!important;color:var(--bl-text)!important;margin:0 0 12px!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell>p{color:var(--bl-ash)!important;font:400 15px/1.6 var(--bl-font)!important;margin:0 0 28px!important}
html body[data-built-client="business"][data-business-entry="auth"] .contact-auth-resume{margin:-10px 0 22px}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form{display:grid;gap:16px;margin:0}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form label{display:grid;gap:8px;font:600 13px/1.3 var(--bl-font)!important;color:var(--bl-ash)!important;text-transform:none!important;letter-spacing:0!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:start;gap:12px;font-weight:500!important;color:var(--bl-ash)!important;line-height:1.5!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--bl-orange)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;min-height:54px;padding:0 16px;background:#0a0a0c!important;border:1px solid var(--bl-steel-2)!important;border-radius:10px!important;color:var(--bl-text)!important;font:400 16px/1.2 var(--bl-font)!important;transition:border-color .2s,box-shadow .2s;box-shadow:none!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form input::placeholder{color:var(--bl-dim)!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form :is(input,select,textarea):focus{outline:0!important;border-color:var(--bl-orange)!important;box-shadow:0 0 0 4px #ff6b2422!important}
html body[data-built-client="business"][data-business-entry="auth"] .built-password-field{position:relative;display:block}
html body[data-built-client="business"][data-business-entry="auth"] .built-password-field input{padding-right:72px!important}
html body[data-built-client="business"][data-business-entry="auth"] .built-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px;border:0!important;border-radius:7px;background:transparent!important;color:var(--bl-orange-light)!important;font:700 13px/1 var(--bl-font)!important;cursor:pointer}
html body[data-built-client="business"][data-business-entry="auth"] .built-password-toggle:hover{background:#ffffff0a!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form small,html body[data-built-client="business"][data-business-entry="auth"] .auth-form .hint,html body[data-built-client="business"][data-business-entry="auth"] .auth-form p{font:400 13px/1.6 var(--bl-font)!important;color:var(--bl-dim)!important;margin:-4px 0 0!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form .primary,html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn{box-sizing:border-box;width:100%;min-height:52px;border-radius:6px!important;font:700 15px/1 var(--bl-font)!important;font-stretch:105%;letter-spacing:.005em;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s;box-shadow:none!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form .primary{margin-top:6px;background:var(--bl-orange)!important;border:1px solid var(--bl-orange)!important;color:#111!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form .primary:hover{background:var(--bl-orange-light)!important;border-color:var(--bl-orange-light)!important;transform:translateY(-1px)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-link-btn{justify-self:center;background:none!important;border:0!important;padding:4px 0!important;color:var(--bl-ash)!important;font:600 14px/1.4 var(--bl-font)!important;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff33}
html body[data-built-client="business"][data-business-entry="auth"] .auth-link-btn:hover{color:var(--bl-orange-light)!important;text-decoration-color:currentColor}
html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn{margin-top:22px;background:#fff!important;border:1px solid #fff!important;color:#111!important;display:flex;align-items:center;justify-content:center;gap:12px}
html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn:hover{background:#f1f1ee!important;transform:translateY(-1px)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell>.muted{font:400 13px/1.6 var(--bl-font)!important;color:var(--bl-dim)!important;margin:14px 0 0!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-footer{margin:26px 0 0!important;padding:22px 0 0!important;border-top:1px solid var(--bl-steel);font:400 14px/1.5 var(--bl-font)!important;color:var(--bl-ash)!important;text-align:left!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-footer button{background:none!important;border:0!important;padding:0!important;color:var(--bl-orange-light)!important;font:700 14px/1.5 var(--bl-font)!important;cursor:pointer}
html body[data-built-client="business"][data-business-entry="auth"] .auth-footer button:hover{text-decoration:underline;text-underline-offset:4px}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell :is(.auth-notice,[role=alert],.auth-error,.notice){border-radius:10px;border:1px solid #ff6b2455;background:#ff6b2414;color:var(--bl-text);padding:12px 14px;font:400 14px/1.5 var(--bl-font)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell a{color:var(--bl-orange-light)}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell details summary{color:var(--bl-ash);font:600 14px/1.4 var(--bl-font);cursor:pointer}
@media (max-width:980px){
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::before{grid-row:1;grid-column:1;min-height:0;height:100%;border-right:0;border-bottom:1px solid #ffffff0c}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{grid-row:1;grid-column:1;padding:28px 24px 26px;font-size:clamp(28px,7.5vw,38px)}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.auth-form-shell,html body[data-built-client="business"][data-business-entry="auth"] .business-auth-shell{grid-column:1;grid-row:2;width:min(440px,calc(100% - 40px))!important;margin:28px 0 56px!important}
}
/* Particle B in the brand panel: compositor-animated (brand-motion.css), behind the headline */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.bl-mark{grid-column:1;grid-row:1;position:relative;z-index:0;display:grid;place-items:center;min-height:100%;overflow:hidden;pointer-events:none;isolation:isolate}
html body[data-built-client="business"][data-business-entry="auth"] .bl-mark .bxm-field{z-index:-1}
html body[data-built-client="business"][data-business-entry="auth"] .bl-mark .bxm-glow{z-index:-1;--bxm-y:42%}
html body[data-built-client="business"][data-business-entry="auth"] .bl-mark .bxm-stage{width:min(32vw,480px);margin:-18vh 0 0}
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{position:relative;z-index:1}
@media (max-width:980px){
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page{grid-template-rows:minmax(300px,42vh) 1fr}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.bl-mark{display:grid;align-items:start;padding-top:22px}
 html body[data-built-client="business"][data-business-entry="auth"] .bl-mark .bxm-stage{width:min(56vw,250px);margin:0}
 html body[data-built-client="business"][data-business-entry="auth"] .bl-mark .bxm-glow{--bxm-y:36%}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{align-self:end;justify-self:center;text-align:center;padding:0 24px 26px}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.auth-form-shell,html body[data-built-client="business"][data-business-entry="auth"] .business-auth-shell{margin:22px 0 48px!important}
}

/* ---------- Session restore (refresh while signed in) */
html body[data-built-client="business"][data-business-entry="pending"]{background:#050505!important}
html body[data-built-client="business"][data-business-entry="pending"] #app{background:radial-gradient(50% 45% at 50% 42%,#ff6b241f,transparent 70%),#050505!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait{min-height:100dvh!important;box-sizing:border-box!important;gap:0!important;padding:24px!important;font-family:"Archivo","Inter",system-ui,sans-serif!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait>img{display:none!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait>p{order:3;margin:22px 0 0!important;font:600 13px/1.4 "Archivo",system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:#a3a3a8!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait>button{order:5;margin-top:18px!important}
.bl-restore{order:1;display:grid;justify-items:center;gap:0}
.bl-restore-mark{position:relative;width:min(460px,86vw);aspect-ratio:1.45}
.bl-restore-mark canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}
.bl-restore-mark canvas.is-ready{opacity:1}
.bl-restore-ring{position:absolute;left:50%;top:44%;width:62%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #ff6b2422;box-shadow:0 0 80px -20px #ff6b2455 inset;animation:bl-ring 2.8s ease-in-out infinite}
.bl-restore-bar{position:relative;width:min(220px,60vw);height:2px;margin-top:8px;border-radius:2px;background:#ffffff12;overflow:hidden}
.bl-restore-bar i{position:absolute;inset:0 auto 0 0;width:38%;border-radius:2px;background:linear-gradient(90deg,transparent,#ff6b24,#ffb06e);box-shadow:0 0 12px #ff6b24aa;animation:bl-sweep 1.3s cubic-bezier(.45,.05,.25,1) infinite}
.bl-restore-steps{position:relative;order:4;height:18px;margin:10px 0 0!important;overflow:hidden;text-align:center}
.bl-restore-steps span{display:block;height:18px;font:500 12.5px/18px "Archivo",system-ui,sans-serif;color:#74747a;animation:bl-steps 6s ease-in-out infinite}
@keyframes bl-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(290%)}}
@keyframes bl-ring{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@keyframes bl-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@keyframes bl-steps{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-18px)}66%,94%{transform:translateY(-36px)}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.bl-restore-bar i,.bl-restore-ring{animation:none}}
html body[data-built-client="business"][data-business-entry="pending"] #app>.login-page{display:grid!important;place-items:center!important;min-height:100dvh!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important;width:100%!important;max-width:560px!important;margin:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait::before,html body[data-built-client="business"][data-business-entry="pending"] #app .built-session-wait::after{display:none!important}

/* ---------- Session restore overlay (sole loader while a signed-in session restores) */
.bl-restore-overlay{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:radial-gradient(50% 45% at 50% 44%,#ff6b241f,transparent 70%),#050505;color:#a3a3a8;font-family:"Archivo","Inter",system-ui,sans-serif;visibility:visible!important;opacity:1;transition:opacity .45s ease}
.bl-restore-overlay.is-leaving{opacity:0;pointer-events:none}
.bl-restore-overlay .bl-restore-text{order:2;margin:22px 0 0;font:600 12.5px/1.4 "Archivo",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a3a3a8}
.bl-restore-overlay .bl-restore-text::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:bl-dots 1.4s steps(4) infinite}
html.bx-restoring,html.bx-restoring body{overflow:hidden!important}
@media (prefers-reduced-motion:reduce){.bl-restore-overlay .bl-restore-text::after{animation:none;content:"…"}}
/* The particle field spans the whole overlay so particles fly in from open space (no visible edge). */
.bl-restore-overlay .bl-restore-field{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}
.bl-restore-overlay .bl-restore-field.is-ready{opacity:1}
.bl-restore-overlay .bl-restore{position:relative;z-index:1;margin-top:0}
.bl-restore-overlay .bl-restore-mark{width:min(420px,80vw);aspect-ratio:1.45;visibility:hidden}
.bl-restore-overlay .bl-restore-text{position:relative;z-index:1}

/* v5: executive sign-in panel */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.auth-form-shell,html body[data-built-client="business"][data-business-entry="auth"] .business-auth-shell{width:min(480px,calc(100% - 48px))!important;padding:34px 36px 30px!important;border:1px solid #26262c!important;border-radius:22px!important;background:linear-gradient(180deg,#121216,#0e0e11)!important;box-shadow:0 40px 100px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell .eyebrow{font:800 11px/1 var(--bl-font)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--bl-orange)!important;margin-bottom:12px!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell h1{font-size:clamp(30px,2.6vw,36px)!important;font-weight:750!important;letter-spacing:-.03em!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell>p{font-size:14px!important;margin-bottom:22px!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:50px;border-radius:12px!important;border-color:#2e2e35!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form .primary,html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn{border-radius:12px!important;min-height:50px}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form .primary{background:linear-gradient(180deg,#ff8a45,#ff6a1a)!important;border-color:transparent!important;color:#1a0d04!important;box-shadow:0 14px 30px -14px rgba(255,106,26,.9),inset 0 1px 0 rgba(255,255,255,.25)}
html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn{margin-top:16px;background:#17171c!important;border:1px solid #2e2e35!important;color:#f4f4f5!important}
html body[data-built-client="business"][data-business-entry="auth"] .oauth-btn:hover{background:#1e1e24!important;border-color:#4a4a52!important}
html body[data-built-client="business"][data-business-entry="auth"] .auth-form-shell>.muted{padding-top:14px;border-top:1px solid #232329;margin-top:16px!important}
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{font-weight:750;letter-spacing:-.04em}
/* proof points under the headline on the left pane */
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{padding-bottom:clamp(72px,10vh,130px)}
html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.bl-mark::after{content:"Dashboard · Service requests · Messages · Live Workshop · Time Clock · Reports";position:absolute;left:clamp(32px,6vw,88px);bottom:clamp(28px,4.5vh,48px);z-index:2;font:600 12px/1.6 var(--bl-font);letter-spacing:.14em;text-transform:uppercase;color:#6b6b74;max-width:70%}
@media (max-width:980px){html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.auth-form-shell,html body[data-built-client="business"][data-business-entry="auth"] .business-auth-shell{padding:26px 20px 24px!important;border-radius:18px!important}}
/* v9: phones get the moving B above a centered headline; the proof-point line stays on wide screens. */
@media (max-width:980px){
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page>.bl-mark::after{content:none}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::after{padding:0 24px 28px!important;font-size:clamp(30px,8vw,40px)}
 html body[data-built-client="business"][data-business-entry="auth"] #app>.login-page::before{background:radial-gradient(80% 60% at 50% 30%,#ff6b241f,transparent 70%),#050505}
}