/* R78-HF204 consolidated final login/home CSS. */
/* consolidated from hf108-home-rwd-style */

/* HF108 — structural login RWD.  The login-left/login-right nodes are the only
   outer-grid children; this intentionally replaces the broken HF107 attempt to
   assign grid areas to grandchildren. */
body[data-home-layout] #loginView:not(.hidden){
  box-sizing:border-box!important;width:100%!important;height:100dvh!important;min-height:620px!important;
  overflow:hidden!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(360px,24vw,460px)!important;
  grid-template-rows:1fr!important;gap:clamp(28px,3vw,68px)!important;
  padding:clamp(22px,2.5vw,52px)!important;align-items:stretch!important;
}
body[data-home-layout] #loginView:not(.hidden)>.login-left{
  grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;
  min-width:0!important;min-height:0!important;overflow:hidden!important;clip-path:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;gap:clamp(16px,2vh,30px)!important;
  padding:clamp(4px,1vw,16px)!important;align-content:stretch!important;
}
body[data-home-layout] #loginView:not(.hidden)>.login-left>.brand{
  grid-row:1!important;position:relative!important;inset:auto!important;margin:0!important;
  align-self:start!important;justify-self:start!important;max-width:min(100%,620px)!important;
}
body[data-home-layout] #loginView:not(.hidden)>.login-left>.login-copy{
  grid-row:2!important;position:relative!important;inset:auto!important;min-height:0!important;min-width:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;gap:clamp(8px,1.1vh,16px)!important;
  margin:0!important;padding:0!important;align-content:stretch!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-copy h1{
  grid-row:1!important;position:relative!important;inset:auto!important;margin:0!important;
  width:100%!important;max-width:100%!important;white-space:nowrap!important;text-wrap:nowrap!important;
  overflow:visible!important;line-height:1.04!important;letter-spacing:-.035em!important;
  font-size:clamp(27px,2.65vw,60px)!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{
  grid-row:2!important;position:relative!important;inset:auto!important;margin:0!important;align-self:start!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{
  grid-row:3!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;margin:0!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  width:100%!important;height:100%!important;align-self:stretch!important;justify-self:stretch!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual>svg{
  width:min(100%,980px)!important;height:100%!important;max-height:100%!important;object-fit:contain!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-caption{display:none!important}
body[data-home-layout] #loginView:not(.hidden)>.login-right{
  grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;background:transparent!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;z-index:20!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card{
  position:relative!important;inset:auto!important;width:100%!important;max-width:460px!important;
  max-height:calc(100dvh - 44px)!important;overflow:auto!important;box-sizing:border-box!important;
  margin:0!important;padding:clamp(20px,1.65vw,30px)!important;display:block!important;transform:none!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card form{display:block!important;grid-column:auto!important;grid-row:auto!important}
body[data-home-layout] #loginView:not(.hidden) .login-card .field{margin-bottom:10px!important}
body[data-home-layout] #loginView:not(.hidden) .login-card input{box-sizing:border-box!important;width:100%!important;height:48px!important}
body[data-home-layout] #loginView:not(.hidden) .loginbtn{width:100%!important;min-height:48px!important}
body[data-home-layout] #loginView:not(.hidden)>.login-left>small,
body[data-home-layout] #loginView:not(.hidden) #apiBootStatus,
body[data-home-layout] #loginView:not(.hidden) #r73RunBadge{display:none!important}

/* Template 7 — B600 DIGITAL COMMAND. The approved artwork is cropped into the
   visual stage, while the real brand/headline/form remain live HTML. */
body[data-home-layout="digital-command"] #loginView:not(.hidden){
  background:radial-gradient(circle at 48% 54%,#0ea5e930,transparent 34%),linear-gradient(135deg,#020b19,#031b36 58%,#020815)!important;
  --home-line:#38bdf8;--home-accent:#2563eb;
}
body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-left{background:transparent!important;color:#f4fbff!important}
body[data-home-layout="digital-command"] .hf99-kicker{color:#38bdf8!important}
.hf108-digital-command-visual{width:100%;height:100%;min-height:120px;background-image:url('/assets/hf108_digital_command_bg.png');background-repeat:no-repeat;background-position:23% 76%;background-size:170% auto}
.hf99-home-thumb .hf108-digital-command-visual{min-height:120px;border-radius:12px;background-size:185% auto;background-position:24% 76%}
body[data-home-layout="digital-command"] .hf108-digital-command-visual{
  width:min(100%,1100px);height:100%;min-height:260px;border-radius:26px;
  background-image:linear-gradient(180deg,#02122610,#02122610),url('/assets/hf108_digital_command_bg.png');
  background-size:170% auto;background-repeat:no-repeat;background-position:23% 76%;
  box-shadow:inset 0 0 0 1px #38bdf822,0 24px 80px #02061766;
  animation:hf108DigitalBreath 8s ease-in-out infinite;
}
body[data-home-layout="digital-command"] .login-card{
  background:linear-gradient(180deg,#041a33f2,#041426f5)!important;color:#f8fbff!important;
  border:1px solid #38bdf899!important;border-radius:22px!important;box-shadow:0 28px 90px #020617aa,0 0 38px #0ea5e924!important;
}
body[data-home-layout="digital-command"] .login-card p,body[data-home-layout="digital-command"] .login-card label{color:#a8c7e6!important}
@keyframes hf108DigitalBreath{0%,100%{filter:saturate(.95) brightness(.9);transform:scale(.994)}50%{filter:saturate(1.08) brightness(1.04);transform:scale(1)}}

/* Desktop density tiers — preserve right-side login from FHD through 4K. */
@media (min-width:2500px){
  body[data-home-layout] #loginView:not(.hidden){grid-template-columns:minmax(0,1fr) 500px!important;gap:76px!important;padding:clamp(42px,2.7vw,76px)!important}
  body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:500px!important}
  body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(46px,2.05vw,66px)!important}
}
@media (max-width:1919px) and (min-width:1181px){
  body[data-home-layout] #loginView:not(.hidden){grid-template-columns:minmax(0,1fr) 400px!important;gap:32px!important;padding:20px 28px!important;min-height:560px!important}
  body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:400px!important;padding:18px!important}
  body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(28px,2.65vw,48px)!important}
  body[data-home-layout] #loginView:not(.hidden)>.login-left{gap:12px!important}
}
@media (max-height:900px) and (min-width:1181px){
  body[data-home-layout] #loginView:not(.hidden){padding-top:14px!important;padding-bottom:14px!important}
  body[data-home-layout] #loginView:not(.hidden)>.login-left{gap:10px!important}
  body[data-home-layout] #loginView:not(.hidden) .login-card{padding:16px 18px!important;max-height:calc(100dvh - 28px)!important}
  body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(27px,2.45vw,46px)!important}
}
/* Tablet/small desktop: login comes before the decorative visual so credentials
   can never be hidden below the fold. */
@media (max-width:1180px){
  body[data-home-layout] #loginView:not(.hidden){height:auto!important;min-height:100dvh!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:18px!important}
  body[data-home-layout] #loginView:not(.hidden)>.login-left{display:contents!important}
  body[data-home-layout] #loginView:not(.hidden) .brand{order:1!important;position:relative!important;inset:auto!important}
  body[data-home-layout] #loginView:not(.hidden) .login-copy{display:contents!important}
  body[data-home-layout] #loginView:not(.hidden) .login-copy h1{order:2!important;font-size:clamp(28px,5.4vw,48px)!important;white-space:nowrap!important}
  body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{order:3!important}
  body[data-home-layout] #loginView:not(.hidden)>.login-right{order:4!important;width:100%!important;height:auto!important;justify-content:center!important}
  body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:520px!important;max-height:none!important}
  body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{order:5!important;height:300px!important;min-height:300px!important;width:100%!important}
}
@media (max-width:720px){body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(24px,7vw,38px)!important}}
@media (prefers-reduced-motion:reduce){body[data-home-layout="digital-command"] .hf108-digital-command-visual{animation:none!important}}

/* System settings tabs are always five top-level choices. */
#hf107SettingsTabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 16px!important}
#hf107SettingsTabs button{min-height:44px!important;white-space:normal!important}
@media(max-width:1100px){#hf107SettingsTabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hf107SettingsTabs button:last-child{grid-column:1/-1}}

/* consolidated from hf99-modern-home-style */

/* HF99: one modern-tech login presentation engine. Existing application pages are untouched. */
#loginView.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
#loginView #r73RunBadge,#loginView> .login-left>small,#loginView #apiBootStatus{display:none!important}
#loginView .login-card .demo,#loginView .login-account-field .help{display:none!important}
body[data-home-layout] #loginView:not(.hidden){position:relative;min-height:100svh;width:100%;overflow:hidden;box-sizing:border-box}
body[data-home-layout] #loginView:not(.hidden) .login-left,body[data-home-layout] #loginView:not(.hidden) .login-right{box-sizing:border-box;min-width:0}
body[data-home-layout] #loginView:not(.hidden) .login-left{position:relative;z-index:1}.login-copy{position:relative;z-index:2}.hf99-kicker{font:900 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.22em;margin-top:12px}.hf99-home-visual{position:relative;min-height:330px;margin-top:24px}.hf99-home-visual svg{width:100%;height:100%;display:block}.hf99-home-visual .hf99-caption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;flex-wrap:wrap}.hf99-home-chip{border:1px solid currentColor;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;opacity:.86}.login-card{position:relative;z-index:5}.hf99-login-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.hf99-login-secondary button{width:100%;margin:0!important;min-height:38px;border-radius:8px}.hf99-forgot-overlay{position:fixed;inset:0;z-index:260000;background:#071427aa;display:none;align-items:center;justify-content:center;padding:18px}.hf99-forgot-card{width:min(470px,100%);background:#fff;color:#172033;border-radius:18px;padding:24px;box-shadow:0 26px 80px #0007}.hf99-forgot-card h2{margin:0 0 8px}.hf99-forgot-card p{font-size:13px;color:#667085;line-height:1.6}.hf99-forgot-card label{display:grid;gap:5px;font-size:12px;font-weight:800}.hf99-forgot-card input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #bdcad8;border-radius:8px}.hf99-forgot-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.hf99-forgot-actions button{border:1px solid #b8c7d8;border-radius:8px;padding:9px 13px;background:#fff;font-weight:800;cursor:pointer}.hf99-forgot-actions .primary{background:#0f6cbd;color:#fff;border-color:#0f6cbd}.hf99-forgot-msg{font-size:12px;margin-top:10px;color:#475467}
/* 01 Ocean Flow: diagonal technology canvas */
body[data-home-layout="split-tech"] #loginView:not(.hidden){display:grid;grid-template-columns:minmax(0,64%) minmax(390px,36%);background:#03192c}body[data-home-layout="split-tech"] #loginView:not(.hidden) .login-left{padding:42px 4vw;background:radial-gradient(circle at 72% 20%,#22d3ee30,transparent 25%),linear-gradient(135deg,#041b30 0%,#073456 68%,#0e7490 100%)!important;color:#eefcff;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}body[data-home-layout="split-tech"] #loginView:not(.hidden) .login-right{display:flex;align-items:center;justify-content:center;padding:34px;background:#03192c}body[data-home-layout="split-tech"] .hf99-kicker{color:#67e8f9}body[data-home-layout="split-tech"] .hf99-home-visual{height:48vh;min-height:360px}body[data-home-layout="split-tech"] .login-card{width:min(420px,100%);background:#061f2f;color:#e7fbff;border:1px solid #14677a;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0007}body[data-home-layout="split-tech"] .login-card p,body[data-home-layout="split-tech"] .login-card label{color:#9ddce8}
/* 02 Aurora Core: centered glass card floating over full-screen data constellation */
body[data-home-layout="glass-center"] #loginView:not(.hidden){display:block;background:radial-gradient(circle at 18% 15%,#22d3ee45,transparent 28%),radial-gradient(circle at 76% 72%,#8b5cf655,transparent 30%),linear-gradient(145deg,#0a1027,#1d1450 60%,#053a5c)}body[data-home-layout="glass-center"] .login-left{position:absolute!important;inset:0;padding:34px 4vw!important;background:transparent!important;color:#fff}body[data-home-layout="glass-center"] .login-copy h1{max-width:580px;font-size:clamp(34px,4vw,64px)}body[data-home-layout="glass-center"] .hf99-home-visual{position:absolute;inset:110px 4vw 40px;min-height:0}body[data-home-layout="glass-center"] .login-right{position:relative;z-index:4;min-height:100svh;display:grid;place-items:center;padding:28px;background:transparent}body[data-home-layout="glass-center"] .login-card{width:min(440px,94vw);padding:32px;background:#ffffffea;backdrop-filter:blur(22px);border:1px solid #ffffffaa;border-radius:28px;box-shadow:0 30px 100px #02061780;color:#172033}body[data-home-layout="glass-center"] .hf99-kicker{color:#a5f3fc}
/* 03 Executive Timeline: top editorial banner, bottom horizontal login deck */
body[data-home-layout="executive-clean"] #loginView:not(.hidden){display:grid;grid-template-rows:minmax(420px,62vh) 1fr;background:#efe9df;color:#231f20}body[data-home-layout="executive-clean"] .login-left{grid-row:1;padding:38px 5vw;background:#efe9df!important;color:#241f20;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(520px,1.25fr);gap:40px;align-items:center}body[data-home-layout="executive-clean"] .brand,body[data-home-layout="executive-clean"] .login-copy{grid-column:1}body[data-home-layout="executive-clean"] .hf99-home-visual{grid-column:2;grid-row:1/3;margin:0;height:100%;min-height:320px}body[data-home-layout="executive-clean"] .hf99-kicker{color:#9f1239}body[data-home-layout="executive-clean"] .login-right{grid-row:2;display:flex;align-items:center;justify-content:center;padding:22px;background:#30282a}body[data-home-layout="executive-clean"] .login-card{width:min(920px,92vw);display:grid;grid-template-columns:1fr 1.2fr;column-gap:26px;padding:22px 28px;background:#fffaf2;border:1px solid #d7c8b7;border-radius:10px;box-shadow:none}body[data-home-layout="executive-clean"] .login-card form{grid-column:2;grid-row:1/4}body[data-home-layout="executive-clean"] .login-card h2,body[data-home-layout="executive-clean"] .login-card>p{grid-column:1}
/* 04 NOC Grid: command center with login dock */
body[data-home-layout="command-center"] #loginView:not(.hidden){display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:1fr;background:#05080f;background-image:linear-gradient(#1d355755 1px,transparent 1px),linear-gradient(90deg,#1d355755 1px,transparent 1px);background-size:26px 26px;color:#dcecff}body[data-home-layout="command-center"] .login-left{padding:36px 42px;background:transparent!important;color:#dcecff}body[data-home-layout="command-center"] .hf99-home-visual{height:64vh;min-height:430px}body[data-home-layout="command-center"] .hf99-kicker{color:#fbbf24}body[data-home-layout="command-center"] .login-right{display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#05080fcc}body[data-home-layout="command-center"] .login-card{width:100%;padding:26px;background:#0c1625;border:1px solid #28415f;border-radius:10px;color:#e5eef8;box-shadow:0 24px 60px #0008}body[data-home-layout="command-center"] .login-card p,body[data-home-layout="command-center"] .login-card label{color:#9eb3ca}
/* 05 Field Network: full canvas with bottom-left floating login */
body[data-home-layout="aurora-field"] #loginView:not(.hidden){display:block;background:linear-gradient(135deg,#0d4b35,#1c7450 55%,#a3d98f);color:#fff}body[data-home-layout="aurora-field"] .login-left{position:absolute!important;inset:0;padding:34px 4vw;background:transparent!important;color:#fff}body[data-home-layout="aurora-field"] .hf99-home-visual{position:absolute;inset:100px 5vw 40px;min-height:0}body[data-home-layout="aurora-field"] .hf99-kicker{color:#fde68a}body[data-home-layout="aurora-field"] .login-right{position:relative;z-index:5;min-height:100svh;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 5vh 6vw;background:transparent}body[data-home-layout="aurora-field"] .login-card{width:min(420px,88vw);padding:28px;background:#f8fff8eb;backdrop-filter:blur(15px);border:1px solid #c6efd5;border-radius:22px;color:#173f2f;box-shadow:0 26px 80px #07351f55}
/* 06 Bid Studio: poster layout, login as top-right card */
body[data-home-layout="brand-stage"] #loginView:not(.hidden){display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:linear-gradient(145deg,#fb6f5d 0 54%,#24154e 54% 100%);color:#24154e}body[data-home-layout="brand-stage"] .login-left{padding:42px 5vw;background:transparent!important;color:#24154e}body[data-home-layout="brand-stage"] .login-copy h1{font-size:clamp(42px,5vw,78px);max-width:780px}body[data-home-layout="brand-stage"] .hf99-home-visual{position:absolute;left:42%;right:5vw;bottom:5vh;top:18vh;min-height:0}body[data-home-layout="brand-stage"] .hf99-kicker{color:#fff7ed}body[data-home-layout="brand-stage"] .login-right{position:absolute;right:5vw;top:4vh;z-index:6;background:transparent;padding:0}body[data-home-layout="brand-stage"] .login-card{width:390px;padding:26px;background:#fff8eb;border:0;border-radius:8px;color:#302046;box-shadow:12px 12px 0 #24154e55}
/* 07 Quick Launch: compact login rail + large cloud workspace */
body[data-home-layout="login-left"] #loginView:not(.hidden){display:grid;grid-template-columns:380px 1fr;background:#e8f3ff;color:#15335e}body[data-home-layout="login-left"] .login-right{grid-column:1;grid-row:1;display:flex;align-items:center;padding:28px;background:#fff}body[data-home-layout="login-left"] .login-card{width:100%;padding:26px;border:1px solid #cedcf0;border-radius:16px;box-shadow:0 14px 40px #1d4ed815}body[data-home-layout="login-left"] .login-left{grid-column:2;grid-row:1;padding:44px;background:linear-gradient(145deg,#d8edff,#7fb8f2 50%,#315fba)!important;color:#0f2a54}body[data-home-layout="login-left"] .hf99-home-visual{height:62vh;min-height:440px}body[data-home-layout="login-left"] .hf99-kicker{color:#1d4ed8}
/* 08 Service Orbit: circular service portal with centered login */
body[data-home-layout="brand-right"] #loginView:not(.hidden){display:block;background:radial-gradient(circle at center,#f8efe0 0 30%,#d2ddae 30% 56%,#556b3c 56% 100%);color:#24331a}body[data-home-layout="brand-right"] .login-left{position:absolute!important;inset:0;padding:36px 4vw;background:transparent!important;color:#fff}body[data-home-layout="brand-right"] .login-copy h1{max-width:560px}body[data-home-layout="brand-right"] .hf99-home-visual{position:absolute;inset:15vh 14vw 10vh;min-height:0}body[data-home-layout="brand-right"] .hf99-kicker{color:#f7d28c}body[data-home-layout="brand-right"] .login-right{position:relative;z-index:6;min-height:100svh;display:grid;place-items:center;background:transparent}body[data-home-layout="brand-right"] .login-card{width:min(400px,86vw);padding:28px;background:#fffaf0;border:1px solid #caa66b;border-radius:50px 14px 50px 14px;color:#3a2b1b;box-shadow:0 22px 70px #24331a66}
/* 09 Blueprint: white technical drafting board, login pinned bottom */
body[data-home-layout="minimal-white"] #loginView:not(.hidden){display:grid;grid-template-rows:1fr auto;background:#fbfcfe;background-image:linear-gradient(#dbe7f355 1px,transparent 1px),linear-gradient(90deg,#dbe7f355 1px,transparent 1px);background-size:32px 32px;color:#101827}body[data-home-layout="minimal-white"] .login-left{padding:34px 4vw;background:transparent!important;color:#101827}body[data-home-layout="minimal-white"] .hf99-home-visual{height:52vh;min-height:360px}body[data-home-layout="minimal-white"] .hf99-kicker{color:#2563eb}body[data-home-layout="minimal-white"] .login-right{display:flex;justify-content:center;padding:18px 4vw 28px;background:transparent}body[data-home-layout="minimal-white"] .login-card{width:min(980px,94vw);display:grid;grid-template-columns:.8fr 1.3fr;column-gap:24px;padding:22px 26px;background:#fff;border:2px solid #111827;border-radius:0;box-shadow:8px 8px 0 #11182718}body[data-home-layout="minimal-white"] .login-card form{grid-column:2;grid-row:1/4}
/* 10 Data Pulse terminal */
body[data-home-layout="terminal-grid"] #loginView:not(.hidden){display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,32%);background:#03130d;background-image:linear-gradient(#27e46e18 1px,transparent 1px),linear-gradient(90deg,#27e46e18 1px,transparent 1px);background-size:22px 22px;color:#baffcf}body[data-home-layout="terminal-grid"] .login-left{padding:38px;background:transparent!important;color:#baffcf}body[data-home-layout="terminal-grid"] .hf99-home-visual{height:58vh;min-height:420px}body[data-home-layout="terminal-grid"] .hf99-kicker{color:#a3e635}body[data-home-layout="terminal-grid"] .login-right{display:flex;align-items:center;padding:26px;background:#02100bcc}body[data-home-layout="terminal-grid"] .login-card{width:100%;padding:25px;background:#051c12;color:#d6ffe2;border:1px solid #23854a;border-radius:3px;box-shadow:none}body[data-home-layout="terminal-grid"] .login-card p,body[data-home-layout="terminal-grid"] .login-card label{color:#8bd7a4}
/* 11 Bento: visual and login are independent tiles */
body[data-home-layout="card-stage"] #loginView:not(.hidden){display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr;gap:18px;padding:20px;background:#edf1fa;color:#263452}body[data-home-layout="card-stage"] .login-left{padding:34px;background:#fff!important;color:#263452;border-radius:30px;box-shadow:0 20px 50px #26345215}body[data-home-layout="card-stage"] .hf99-home-visual{height:62vh;min-height:430px}body[data-home-layout="card-stage"] .hf99-kicker{color:#7c3aed}body[data-home-layout="card-stage"] .login-right{display:flex;align-items:center;padding:28px;background:#283a66;border-radius:30px}body[data-home-layout="card-stage"] .login-card{width:100%;padding:30px;background:#fff;border:0;border-radius:24px;box-shadow:0 20px 60px #10182755}
/* 12 Corporate Panorama: wide hero art above compact login bar */
body[data-home-layout="top-brand"] #loginView:not(.hidden){display:grid;grid-template-rows:minmax(430px,70vh) 1fr;background:#f3efe5;color:#0c315c}body[data-home-layout="top-brand"] .login-left{grid-row:1;padding:30px 4vw;background:linear-gradient(112deg,#062d5a,#0b5297 62%,#1b70a6)!important;color:#fff;display:grid;grid-template-columns:360px 1fr;gap:28px}body[data-home-layout="top-brand"] .brand,body[data-home-layout="top-brand"] .login-copy{grid-column:1}body[data-home-layout="top-brand"] .hf99-home-visual{grid-column:2;grid-row:1/3;margin:0;height:100%;min-height:360px}body[data-home-layout="top-brand"] .hf99-kicker{color:#ffd86a}body[data-home-layout="top-brand"] .login-right{grid-row:2;display:flex;justify-content:center;padding:18px;background:#f3efe5}body[data-home-layout="top-brand"] .login-card{width:min(900px,94vw);display:grid;grid-template-columns:.7fr 1.3fr;column-gap:24px;padding:20px 26px;background:#fffdf8;border:1px solid #d8c99d;border-radius:14px;box-shadow:0 14px 42px #082f6316}body[data-home-layout="top-brand"] .login-card form{grid-column:2;grid-row:1/4}
@media(max-width:980px){body[data-home-layout] #loginView:not(.hidden){display:block!important;overflow:auto!important;padding:0!important;background:#f5f7fb!important}body[data-home-layout] #loginView:not(.hidden) .login-left{position:relative!important;inset:auto!important;display:block!important;clip-path:none!important;padding:26px!important;min-height:420px!important;border-radius:0!important}body[data-home-layout] #loginView:not(.hidden) .login-copy{grid-column:auto!important;grid-row:auto!important}body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{position:relative!important;inset:auto!important;height:280px!important;min-height:280px!important;margin-top:18px!important;grid-column:auto!important;grid-row:auto!important}body[data-home-layout] #loginView:not(.hidden) .login-right{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:520px!important;padding:26px!important;background:#fff!important;border-radius:0!important}body[data-home-layout] #loginView:not(.hidden) .login-card{display:block!important;width:min(480px,100%)!important;border-radius:18px!important;box-shadow:0 18px 50px #0f172a20!important;color:#172033!important}body[data-home-layout] #loginView:not(.hidden) .login-card form{display:block!important}.hf99-login-secondary{grid-template-columns:1fr 1fr}}

/* consolidated from hf106-cinematic-home-theme */

/* HF106: six stable cinematic login geometries + synchronized application themes. */
#loginView.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
body[data-home-layout] #loginView:not(.hidden){
 --home-bg:#04121d;--home-fg:#ecfbff;--home-muted:#90adbd;--home-line:#22d3ee;--home-panel:rgba(3,18,30,.88);
 width:100%!important;height:100svh!important;min-height:680px!important;box-sizing:border-box!important;
 padding:clamp(20px,2vw,42px)!important;gap:clamp(16px,1.4vw,30px)!important;overflow:hidden!important;
 display:grid!important;align-content:center!important;justify-content:center!important;position:relative!important;isolation:isolate;
 color:var(--home-fg)!important;background:var(--home-bg)!important;
}
body[data-home-layout] #loginView:not(.hidden)::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,transparent 20%,color-mix(in srgb,var(--home-line) 7%,transparent) 48%,transparent 74%);background-size:220% 100%;animation:hf106BgSweep 12s linear infinite}
body[data-home-layout] #loginView:not(.hidden)::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.018) 32px);opacity:.55}
body[data-home-layout] #loginView:not(.hidden) .login-left,body[data-home-layout] #loginView:not(.hidden) .login-copy{display:contents!important}
body[data-home-layout] #loginView:not(.hidden) .brand{grid-area:brand;z-index:5;margin:0!important;align-self:start!important;max-width:520px!important}
body[data-home-layout] #loginView:not(.hidden) .login-copy h1{grid-area:title;z-index:5;margin:0!important;max-width:12ch!important;color:var(--home-fg)!important;font-size:clamp(38px,3.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.035em!important;text-wrap:balance}
body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{grid-area:kicker;z-index:5;margin:0!important;color:var(--home-line)!important;font:900 10px/1.2 ui-monospace,Consolas,monospace!important;letter-spacing:.32em!important}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{grid-area:visual;z-index:3;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;align-self:stretch!important;justify-self:stretch!important}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--home-line) 18%,transparent))}
body[data-home-layout] #loginView:not(.hidden) .hf99-caption{position:absolute!important;left:18px!important;bottom:12px!important;display:flex!important;gap:8px!important;z-index:7}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-chip{color:var(--home-line)!important;border:1px solid color-mix(in srgb,var(--home-line) 55%,transparent)!important;background:rgba(1,7,14,.72)!important;border-radius:999px!important;padding:6px 10px!important;font-size:10px!important;font-weight:850!important;backdrop-filter:blur(10px)}
body[data-home-layout] #loginView:not(.hidden) .login-right{grid-area:login!important;z-index:8!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}
body[data-home-layout] #loginView:not(.hidden) .login-card{width:min(100%,410px)!important;max-width:410px!important;padding:24px!important;margin:0!important;background:var(--home-panel)!important;color:var(--home-fg)!important;border:1px solid color-mix(in srgb,var(--home-line) 42%,transparent)!important;border-radius:16px!important;box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(18px)!important;animation:hf106CardIn .55s cubic-bezier(.2,.7,.2,1) both}
body[data-home-layout] #loginView:not(.hidden) .login-card>p,body[data-home-layout] #loginView:not(.hidden) .login-card label{color:var(--home-muted)!important}
body[data-home-layout] #loginView:not(.hidden) .login-card input{border-radius:8px!important}
body[data-home-layout] #loginView:not(.hidden) #apiBootStatus,body[data-home-layout] #loginView:not(.hidden)>.login-left>small,body[data-home-layout] #loginView:not(.hidden) #r73RunBadge{display:none!important}
#loginView .ptms-brand-login .brandname{font-size:clamp(25px,1.55vw,38px)!important;color:var(--home-fg)!important}
#loginView .ptms-brand-login .brandsub{font-size:clamp(12px,.76vw,16px)!important;color:color-mix(in srgb,var(--home-fg) 82%,transparent)!important}

/* COMMAND CENTER: three-column bridge. */
body[data-home-layout="split-tech"] #loginView:not(.hidden){--home-bg:#020b14;--home-fg:#ebfbff;--home-muted:#8fb3c4;--home-line:#22d3ee;--home-panel:rgba(3,18,31,.91);grid-template-columns:minmax(310px,430px) minmax(500px,680px) minmax(330px,410px)!important;grid-template-rows:auto auto auto minmax(320px,1fr)!important;grid-template-areas:"brand visual login" "title visual login" "kicker visual login" ". visual login"!important;background:radial-gradient(circle at 52% 48%,rgba(14,165,233,.18),transparent 28%),linear-gradient(140deg,#02070d,#052137 63%,#03101a)!important}
body[data-home-layout="split-tech"] .cmd-flow{stroke-dasharray:24 14;animation:hf106Dash 4.2s linear infinite}body[data-home-layout="split-tech"] .f2{animation-duration:6.2s}body[data-home-layout="split-tech"] .cmd-node{animation:hf106Pulse 2.2s ease-in-out infinite}body[data-home-layout="split-tech"] .n2{animation-delay:.7s}body[data-home-layout="split-tech"] .n3{animation-delay:1.35s}body[data-home-layout="split-tech"] .cmd-bars rect{transform-box:fill-box;transform-origin:50% 100%;animation:hf106Bars 3s ease-in-out infinite alternate}

/* ORBITAL AI: title/login left, core right. */
body[data-home-layout="glass-center"] #loginView:not(.hidden){--home-bg:#08051b;--home-fg:#f5f1ff;--home-muted:#aaa1c8;--home-line:#a78bfa;--home-panel:rgba(13,10,39,.9);grid-template-columns:minmax(370px,470px) minmax(620px,820px)!important;grid-template-rows:auto auto auto minmax(180px,1fr) auto!important;grid-template-areas:"brand visual" "title visual" "kicker visual" ". visual" "login visual"!important;background:radial-gradient(circle at 68% 50%,rgba(124,58,237,.30),transparent 29%),radial-gradient(circle at 45% 18%,rgba(34,211,238,.11),transparent 22%),linear-gradient(135deg,#060313,#121036 66%,#07111f)!important}
body[data-home-layout="glass-center"] .orbit-a{transform-origin:450px 280px;animation:hf106Rotate 14s linear infinite}body[data-home-layout="glass-center"] .orbit-b{transform-origin:450px 280px;animation:hf106RotateReverse 18s linear infinite}body[data-home-layout="glass-center"] .orbit-core{animation:hf106Core 2.8s ease-in-out infinite}body[data-home-layout="glass-center"] .orbit-packet{animation:hf106Packet 3.2s ease-in-out infinite}body[data-home-layout="glass-center"] .p2{animation-delay:1.2s}

/* EXECUTIVE MATRIX: analytic wall left, decision column right. */
body[data-home-layout="executive-clean"] #loginView:not(.hidden){--home-bg:#08090b;--home-fg:#fff8e7;--home-muted:#bdb3a0;--home-line:#f59e0b;--home-panel:rgba(15,16,18,.93);grid-template-columns:minmax(620px,900px) minmax(360px,450px)!important;grid-template-rows:auto auto auto minmax(330px,1fr)!important;grid-template-areas:"brand title" "visual title" "visual kicker" "visual login"!important;background:radial-gradient(circle at 27% 75%,rgba(245,158,11,.13),transparent 26%),linear-gradient(122deg,#050607,#11141a 64%,#171108)!important}
body[data-home-layout="executive-clean"] .exec-bars rect{transform-box:fill-box;transform-origin:50% 100%;animation:hf106BarRise 3.8s ease-in-out infinite alternate}body[data-home-layout="executive-clean"] .b2{animation-delay:.4s}body[data-home-layout="executive-clean"] .b3{animation-delay:.8s}body[data-home-layout="executive-clean"] .b4{animation-delay:1.2s}body[data-home-layout="executive-clean"] .exec-trend{stroke-dasharray:1100;stroke-dashoffset:1100;animation:hf106Draw 5.5s ease-in-out infinite}

/* MISSION CONTROL: upper command band, full HUD center, login lower-right. */
body[data-home-layout="command-center"] #loginView:not(.hidden){--home-bg:#03070d;--home-fg:#eef8ff;--home-muted:#94a9ba;--home-line:#38bdf8;--home-panel:rgba(6,15,26,.94);grid-template-columns:minmax(360px,1fr) minmax(360px,430px)!important;grid-template-rows:auto auto minmax(390px,1fr) auto!important;grid-template-areas:"brand title" "kicker title" "visual login" "visual login"!important;background-color:#03070d!important;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px)!important;background-size:34px 34px!important}
body[data-home-layout="command-center"] .radar-sweep{transform-origin:0 0;animation:hf106Radar 4.4s linear infinite}body[data-home-layout="command-center"] .mission-panel{animation:hf106Panel 3.8s ease-in-out infinite}body[data-home-layout="command-center"] .p2{animation-delay:.8s}body[data-home-layout="command-center"] .p3{animation-delay:1.6s}body[data-home-layout="command-center"] .mission-trend{stroke-dasharray:800;stroke-dashoffset:800;animation:hf106Draw 4.8s ease-in-out infinite}

/* DIGITAL TWIN: login rail left, topology workspace right. */
body[data-home-layout="aurora-field"] #loginView:not(.hidden){--home-bg:#02120d;--home-fg:#ecfff9;--home-muted:#8fb9aa;--home-line:#2dd4bf;--home-panel:rgba(3,30,22,.92);grid-template-columns:minmax(340px,420px) minmax(650px,950px)!important;grid-template-rows:auto auto auto minmax(360px,1fr)!important;grid-template-areas:"login brand" "login title" "login kicker" "login visual"!important;background:radial-gradient(circle at 67% 55%,rgba(16,185,129,.22),transparent 30%),linear-gradient(120deg,#01100b,#043729 70%,#021713)!important}
body[data-home-layout="aurora-field"] .twin-node{animation:hf106Node 2.8s ease-in-out infinite}body[data-home-layout="aurora-field"] .n2{animation-delay:.35s}body[data-home-layout="aurora-field"] .n3{animation-delay:.7s}body[data-home-layout="aurora-field"] .n4{animation-delay:1.05s}body[data-home-layout="aurora-field"] .n5{animation-delay:1.4s}body[data-home-layout="aurora-field"] .twin-packet{animation:hf106Packet 2.5s ease-in-out infinite}body[data-home-layout="aurora-field"] .q2{animation-delay:.8s}body[data-home-layout="aurora-field"] .q3{animation-delay:1.5s}

/* TITAN EXECUTIVE: monumental brand/visual left, executive login right. */
body[data-home-layout="top-brand"] #loginView:not(.hidden){--home-bg:#090806;--home-fg:#fff9e7;--home-muted:#c5b99b;--home-line:#fbbf24;--home-panel:rgba(14,13,9,.94);grid-template-columns:minmax(650px,920px) minmax(370px,450px)!important;grid-template-rows:auto auto auto minmax(330px,1fr)!important;grid-template-areas:"brand login" "title login" "kicker login" "visual login"!important;background:radial-gradient(circle at 34% 68%,rgba(245,158,11,.17),transparent 26%),linear-gradient(125deg,#040404,#15120c 62%,#090806)!important}
body[data-home-layout="top-brand"] .titan-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:hf106Draw 5.6s ease-in-out infinite}body[data-home-layout="top-brand"] .titan-scan{animation:hf106GoldScan 4s ease-in-out infinite}body[data-home-layout="top-brand"] .titan-core{animation:hf106Core 3s ease-in-out infinite}body[data-home-layout="top-brand"] .titan-columns{animation:hf106GoldGlow 4.8s ease-in-out infinite}

/* application palette synchronization */
body[data-b600-theme="command"]{--b600-a:#0ea5e9;--b600-b:#2563eb;--b600-c:#22d3ee;--b600-side:#031827;--b600-side2:#07324a;--b600-main:#f0f8fc;--b600-surface:#fff;--b600-line:#bae6fd}
body[data-b600-theme="orbital"]{--b600-a:#7c3aed;--b600-b:#4f46e5;--b600-c:#22d3ee;--b600-side:#160b2d;--b600-side2:#27124a;--b600-main:#f6f2ff;--b600-surface:#fff;--b600-line:#ddd6fe}
body[data-b600-theme="executive"]{--b600-a:#d97706;--b600-b:#92400e;--b600-c:#fbbf24;--b600-side:#18130b;--b600-side2:#34250e;--b600-main:#faf7f0;--b600-surface:#fffefb;--b600-line:#fde68a}
body[data-b600-theme="mission"]{--b600-a:#0284c7;--b600-b:#334155;--b600-c:#38bdf8;--b600-side:#050b14;--b600-side2:#0c263b;--b600-main:#f2f7fb;--b600-surface:#fff;--b600-line:#bae6fd}
body[data-b600-theme="twin"]{--b600-a:#0f766e;--b600-b:#059669;--b600-c:#2dd4bf;--b600-side:#032019;--b600-side2:#07503f;--b600-main:#f0faf7;--b600-surface:#fff;--b600-line:#99f6e4}
body[data-b600-theme="titan"]{--b600-a:#d97706;--b600-b:#713f12;--b600-c:#fbbf24;--b600-side:#11100b;--b600-side2:#30260e;--b600-main:#faf7ef;--b600-surface:#fffef9;--b600-line:#fde68a}
body[data-b600-theme] .sidebar{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--b600-c) 18%,transparent),transparent 25%),linear-gradient(180deg,var(--b600-side),var(--b600-side2))!important;border-right:1px solid color-mix(in srgb,var(--b600-c) 35%,transparent)!important}
body[data-b600-theme] .main{background:var(--b600-main)!important}
body[data-b600-theme] .top{border-bottom:1px solid var(--b600-line)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--b600-a) 8%,transparent)!important}
body[data-b600-theme] .navbtn.open,body[data-b600-theme] .navbtn:hover{background:color-mix(in srgb,var(--b600-a) 28%,transparent)!important;color:#fff!important}
body[data-b600-theme] .primary,body[data-b600-theme] .btn.primary,body[data-b600-theme] .loginbtn{background:linear-gradient(135deg,var(--b600-a),var(--b600-b))!important}
body[data-b600-theme] .card,body[data-b600-theme] .hero{border-color:var(--b600-line)!important}
body[data-b600-theme] .cardtitle{color:color-mix(in srgb,var(--b600-a) 78%,#0f172a)!important}
body[data-b600-theme] table th{background:color-mix(in srgb,var(--b600-a) 10%,#f8fafc)!important;border-color:var(--b600-line)!important}
body[data-b600-theme] input:focus,body[data-b600-theme] select:focus,body[data-b600-theme] textarea:focus{outline:2px solid color-mix(in srgb,var(--b600-c) 48%,transparent)!important;border-color:var(--b600-a)!important}

@keyframes hf106BgSweep{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes hf106CardIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@keyframes hf106Dash{to{stroke-dashoffset:-76}}
@keyframes hf106Pulse{0%,100%{opacity:.45;transform:scale(.86);transform-origin:center}50%{opacity:1;transform:scale(1.22)}}
@keyframes hf106Bars{from{transform:scaleY(.65);opacity:.5}to{transform:scaleY(1);opacity:.9}}
@keyframes hf106Rotate{to{transform:rotate(360deg)}}@keyframes hf106RotateReverse{to{transform:rotate(-360deg)}}
@keyframes hf106Core{0%,100%{opacity:.72;transform:scale(.9);transform-origin:center}50%{opacity:1;transform:scale(1.12)}}
@keyframes hf106Packet{0%,100%{opacity:.3;transform:translateX(-18px)}50%{opacity:1;transform:translateX(18px)}}
@keyframes hf106BarRise{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
@keyframes hf106Draw{0%{stroke-dashoffset:1000;opacity:.35}45%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1000;opacity:.35}}
@keyframes hf106Radar{to{transform:rotate(360deg)}}
@keyframes hf106Panel{0%,100%{opacity:.62}50%{opacity:1;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--home-line) 40%,transparent))}}
@keyframes hf106Node{0%,100%{filter:drop-shadow(0 0 2px var(--home-line));opacity:.65}50%{filter:drop-shadow(0 0 18px var(--home-line));opacity:1}}
@keyframes hf106GoldScan{0%,100%{transform:translateY(-55px);opacity:.2}50%{transform:translateY(330px);opacity:1}}
@keyframes hf106GoldGlow{0%,100%{opacity:.55}50%{opacity:1;filter:drop-shadow(0 0 15px #fbbf24)}}

@media(min-width:2200px){body[data-home-layout] #loginView:not(.hidden){padding:44px!important;gap:34px!important}body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:64px!important}body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:430px!important}}
@media(max-width:1550px) and (min-width:1181px){body[data-home-layout] #loginView:not(.hidden){padding:20px!important;gap:18px!important}body[data-home-layout="split-tech"] #loginView:not(.hidden),body[data-home-layout="glass-center"] #loginView:not(.hidden){grid-template-columns:minmax(285px,370px) minmax(430px,610px) minmax(310px,360px)!important}body[data-home-layout="executive-clean"] #loginView:not(.hidden),body[data-home-layout="top-brand"] #loginView:not(.hidden){grid-template-columns:minmax(520px,760px) minmax(320px,390px)!important}body[data-home-layout="aurora-field"] #loginView:not(.hidden){grid-template-columns:minmax(310px,360px) minmax(520px,780px)!important}body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(36px,3.4vw,55px)!important}body[data-home-layout] #loginView:not(.hidden) .login-card{padding:19px!important}}
@media(max-height:840px) and (min-width:1181px){body[data-home-layout] #loginView:not(.hidden){min-height:620px!important;padding-top:14px!important;padding-bottom:14px!important}body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(34px,3vw,50px)!important}body[data-home-layout] #loginView:not(.hidden) .login-card{padding:16px 19px!important}body[data-home-layout] #loginView:not(.hidden) .field{margin-bottom:7px!important}}
@media(max-width:1180px){body[data-home-layout] #loginView:not(.hidden){height:auto!important;min-height:100svh!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto clamp(230px,34vh,330px) auto!important;grid-template-areas:"brand" "title" "kicker" "visual" "login"!important;padding:18px!important;gap:12px!important}body[data-home-layout] #loginView:not(.hidden) .brand,body[data-home-layout] #loginView:not(.hidden) .login-copy h1,body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{justify-self:start!important;text-align:left!important}body[data-home-layout] #loginView:not(.hidden) .login-copy h1{max-width:14ch!important;font-size:clamp(32px,7vw,52px)!important}body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:500px!important;width:min(100%,500px)!important}body[data-home-layout] #loginView:not(.hidden) .hf99-caption{left:8px!important}}
@media(max-width:680px){body[data-home-layout] #loginView:not(.hidden){padding:14px!important;grid-template-rows:auto auto auto 200px auto!important}body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(29px,10vw,43px)!important}body[data-home-layout] #loginView:not(.hidden) .login-card{padding:17px!important}.hf99-login-secondary{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body[data-home-layout] #loginView:not(.hidden)::before,body[data-home-layout] #loginView:not(.hidden) svg *,body[data-home-layout] #loginView:not(.hidden) .login-card{animation:none!important}}

/* consolidated from hf111-authoritative-login-rwd */

/* HF111 authoritative login viewport contract.
   This is intentionally the LAST home-geometry layer. Old template-specific
   HF106/HF107/HF108 geometry may provide colors/scenes/animations only. */
html body[data-home-layout] #loginView:not(.hidden){
  position:fixed!important;inset:0!important;z-index:20000!important;
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(360px,22vw,460px)!important;
  grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;justify-content:stretch!important;
  column-gap:clamp(36px,4vw,88px)!important;row-gap:0!important;
  padding:clamp(24px,3vw,64px)!important;
}
html body[data-home-layout] #loginView:not(.hidden)>.login-left{
  grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;background:transparent!important;clip-path:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;gap:clamp(16px,2vh,28px)!important;
  align-content:stretch!important;overflow:hidden!important;
}
html body[data-home-layout] #loginView:not(.hidden)>.login-left>.brand{
  grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;
  align-self:start!important;justify-self:start!important;margin:0!important;
  width:auto!important;max-width:min(100%,560px)!important;z-index:4!important;
}
html body[data-home-layout] #loginView:not(.hidden)>.login-left>.login-copy{
  grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:clamp(8px,1.1vh,16px)!important;align-content:stretch!important;overflow:hidden!important;
}
html body[data-home-layout] #loginView:not(.hidden) .login-copy h1{
  grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;
  margin:0!important;padding:0!important;width:max-content!important;max-width:100%!important;
  white-space:nowrap!important;text-wrap:nowrap!important;overflow:visible!important;
  font-size:clamp(34px,2.35vw,62px)!important;line-height:1.03!important;letter-spacing:-.035em!important;
  align-self:start!important;justify-self:start!important;z-index:5!important;
}
html body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{
  grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;
  margin:0!important;padding:0!important;align-self:start!important;justify-self:start!important;z-index:5!important;
}
html body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{
  grid-column:1!important;grid-row:3!important;position:relative!important;inset:auto!important;
  width:min(100%,1100px)!important;height:clamp(260px,42dvh,560px)!important;
  min-width:0!important;min-height:0!important;max-width:1100px!important;max-height:560px!important;
  margin:0!important;padding:0!important;align-self:center!important;justify-self:center!important;
  overflow:hidden!important;display:grid!important;place-items:center!important;transform:none!important;z-index:2!important;
}
html body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual>svg{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;
}
html body[data-home-layout] #loginView:not(.hidden) .hf99-caption,
html body[data-home-layout] #loginView:not(.hidden) .hf99-home-chip{display:none!important}
html body[data-home-layout] #loginView:not(.hidden)>.login-right{
  grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;background:transparent!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;z-index:20!important;
}
html body[data-home-layout] #loginView:not(.hidden) .login-card{
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:460px!important;max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;box-sizing:border-box!important;margin:0!important;
  padding:clamp(20px,1.7vw,30px)!important;
}
html body[data-home-layout] #loginView:not(.hidden) .login-card form{display:block!important;grid-column:auto!important;grid-row:auto!important}
html body[data-home-layout] #loginView:not(.hidden) .login-card .field{margin-bottom:10px!important}
html body[data-home-layout] #loginView:not(.hidden) .login-card input{width:100%!important;height:48px!important;box-sizing:border-box!important}
html body[data-home-layout] #loginView:not(.hidden) .loginbtn{width:100%!important;min-height:48px!important}
html body[data-home-layout] #loginView:not(.hidden)>.login-left>small,
html body[data-home-layout] #loginView:not(.hidden) #apiBootStatus,
html body[data-home-layout] #loginView:not(.hidden) #r73RunBadge{display:none!important}
/* Keep seven template palettes/scenes/animations, but use one continuous desktop geometry. */
html body[data-home-layout="split-tech"] #loginView:not(.hidden),
html body[data-home-layout="glass-center"] #loginView:not(.hidden),
html body[data-home-layout="executive-clean"] #loginView:not(.hidden),
html body[data-home-layout="command-center"] #loginView:not(.hidden),
html body[data-home-layout="aurora-field"] #loginView:not(.hidden),
html body[data-home-layout="top-brand"] #loginView:not(.hidden),
html body[data-home-layout="digital-command"] #loginView:not(.hidden){
  grid-template-columns:minmax(0,1fr) clamp(360px,22vw,460px)!important;
  grid-template-rows:minmax(0,1fr)!important;
}
/* Height is the only desktop compression trigger. Width scaling remains continuous,
   avoiding the old 1919/2200/2500 breakpoint jumps. */
@media (max-height:820px) and (min-width:1101px){
  html body[data-home-layout] #loginView:not(.hidden){padding-top:16px!important;padding-bottom:16px!important;column-gap:clamp(28px,3vw,58px)!important}
  html body[data-home-layout] #loginView:not(.hidden)>.login-left{gap:12px!important}
  html body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(31px,2.15vw,52px)!important}
  html body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{height:clamp(210px,35dvh,350px)!important}
  html body[data-home-layout] #loginView:not(.hidden) .login-card{padding:16px 18px!important;max-height:calc(100dvh - 32px)!important}
  html body[data-home-layout] #loginView:not(.hidden) .login-card input{height:43px!important}
}
@media (max-width:1100px){
  html body[data-home-layout] #loginView:not(.hidden){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100dvh!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important}
  html body[data-home-layout] #loginView:not(.hidden)>.login-left{display:contents!important}
  html body[data-home-layout] #loginView:not(.hidden)>.login-left>.brand{order:1!important}
  html body[data-home-layout] #loginView:not(.hidden)>.login-left>.login-copy{display:contents!important}
  html body[data-home-layout] #loginView:not(.hidden) .login-copy h1{order:2!important;width:auto!important;font-size:clamp(27px,5.5vw,42px)!important}
  html body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{order:3!important}
  html body[data-home-layout] #loginView:not(.hidden)>.login-right{order:4!important;width:100%!important;height:auto!important;justify-content:center!important}
  html body[data-home-layout] #loginView:not(.hidden) .login-card{width:min(100%,520px)!important;max-width:520px!important;max-height:none!important}
  html body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{order:5!important;width:100%!important;height:230px!important;min-height:180px!important;max-height:260px!important}
}

/* consolidated from hf112-login-fullscreen-digital-command */

/* HF112 login viewport contract.
   Never allow the legacy small-screen body zoom to scale a visible login page. */
html:has(body #loginView:not(.hidden)),
body:has(#loginView:not(.hidden)),
body.hf112-login-active{
  zoom:100%!important;width:100%!important;min-width:100%!important;
  overflow:hidden!important;background:#020b19!important;
}
html body[data-home-layout] #loginView:not(.hidden){
  position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;
  max-width:none!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;
}
/* The seventh template is intentionally cinematic: the approved artwork fills
   the entire viewport and the real HTML login form occupies the right panel. */
html body[data-home-layout="digital-command"] #loginView:not(.hidden){
  display:block!important;padding:0!important;
  background-color:#020b19!important;
  background-image:url('/assets/hf108_digital_command_bg.png')!important;
  background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-left{display:none!important}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;background:transparent!important;pointer-events:none!important;z-index:30!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{
  position:absolute!important;right:5.2vw!important;top:50%!important;left:auto!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:clamp(420px,31vw,620px)!important;max-width:none!important;
  max-height:82dvh!important;overflow:auto!important;pointer-events:auto!important;
  padding:clamp(24px,2vw,34px)!important;border-radius:22px!important;
  background:linear-gradient(180deg,rgba(3,24,50,.985),rgba(3,17,36,.99))!important;
  border:1px solid rgba(56,189,248,.72)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.50),0 0 40px rgba(14,165,233,.22)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card h2{font-size:clamp(28px,2vw,40px)!important}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card>p{margin-bottom:18px!important}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card input{height:clamp(46px,3vw,58px)!important}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .loginbtn{min-height:clamp(48px,3vw,60px)!important}
/* The other six templates keep HF111 continuous desktop geometry, but must
   always consume the full viewport at every DPI / CSS viewport size. */
@media (min-width:1101px){
  html body[data-home-layout]:not([data-home-layout="digital-command"]) #loginView:not(.hidden){
    width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;
  }
}
@media (max-width:1100px){
  html body[data-home-layout="digital-command"] #loginView:not(.hidden){min-height:100dvh!important;background-position:46% center!important}
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{
    right:16px!important;left:16px!important;top:auto!important;bottom:18px!important;transform:none!important;
    width:auto!important;max-width:none!important;max-height:76dvh!important;
  }
}

/* consolidated from hf113-brand-visual-fix */

/* HF113 is intentionally visual-only.
   1) The six standard login templates retain the configured building logo, but
      the legacy AI corner badge is removed.
   2) B600 DIGITAL COMMAND uses the approved full-screen artwork and displays
      brand copy without the extra small building logo. */
.ptms-brand-login .ptms-ai-logo::after{
  content:none!important;display:none!important;visibility:hidden!important;
}

/* Seventh template: full-bleed background + textual brand + real login form. */
html body[data-home-layout="digital-command"] #loginView:not(.hidden){
  background-image:url('/assets/hf108_digital_command_bg.png')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-left{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;background:transparent!important;pointer-events:none!important;z-index:20!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login{
  display:flex!important;position:absolute!important;left:clamp(46px,5.7vw,118px)!important;top:clamp(38px,5.4vh,96px)!important;
  align-items:flex-start!important;gap:0!important;margin:0!important;padding:0!important;max-width:56vw!important;pointer-events:none!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login .ptms-logo{
  display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login .ptms-brand-copy{
  display:block!important;margin:0!important;padding:0!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login .brandname{
  color:#f8fbff!important;font-size:clamp(27px,2vw,44px)!important;line-height:1.05!important;font-weight:950!important;
  letter-spacing:.04em!important;text-shadow:0 2px 22px rgba(2,12,27,.72)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login .brandsub{
  color:#dbeafe!important;font-size:clamp(12px,.82vw,18px)!important;line-height:1.35!important;margin-top:8px!important;
  letter-spacing:.12em!important;text-shadow:0 2px 16px rgba(2,12,27,.82)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy{
  display:block!important;position:absolute!important;left:clamp(46px,5.7vw,118px)!important;top:clamp(165px,22vh,270px)!important;
  width:min(61vw,1120px)!important;max-width:calc(100vw - clamp(500px,37vw,760px))!important;margin:0!important;padding:0!important;
  pointer-events:none!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy h1{
  display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important;max-width:none!important;
  color:#f8fbff!important;font-size:clamp(34px,3.2vw,72px)!important;line-height:1.06!important;font-weight:950!important;
  letter-spacing:.005em!important;text-shadow:0 3px 28px rgba(2,12,27,.78)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .hf99-kicker{
  display:block!important;margin-top:18px!important;color:#38d9ff!important;font-size:clamp(11px,.78vw,16px)!important;
  letter-spacing:.34em!important;font-weight:900!important;text-shadow:0 2px 15px rgba(2,12,27,.85)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .hf99-home-visual,
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-left>small,
html body[data-home-layout="digital-command"] #loginView:not(.hidden) #apiBootStatus{
  display:none!important;
}

/* Protect the right-side login card geometry established by HF112. */
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{
  z-index:30!important;
}

@media (max-width:1500px){
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy h1{font-size:clamp(30px,3vw,50px)!important}
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy{max-width:58vw!important}
}
@media (max-width:1100px){
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .ptms-brand-login{left:22px!important;top:20px!important;max-width:70vw!important}
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy{left:22px!important;top:112px!important;width:calc(100% - 44px)!important;max-width:none!important}
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-copy h1{font-size:clamp(25px,5vw,40px)!important}
  html body[data-home-layout="digital-command"] #loginView:not(.hidden) .hf99-kicker{margin-top:10px!important}
}

/* consolidated from hf114-home-brand-login-scale */

/* HF114: typography and login-card proportions are controlled by homepage brand settings.
   This final layer intentionally changes only the visible login homepage. */
:root{
 --hf114-brand-title-size:34px;--hf114-brand-subtitle-size:15px;--hf114-headline-size:58px;
 --hf114-login-title-size:40px;--hf114-login-text-size:17px;--hf114-login-input-size:18px;--hf114-login-button-size:20px;
}
body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandname{
 font-size:min(var(--hf114-brand-title-size),3.6vw)!important;line-height:1.08!important;letter-spacing:.015em!important;
}
body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandsub{
 font-size:min(var(--hf114-brand-subtitle-size),1.75vw)!important;line-height:1.35!important;letter-spacing:.06em!important;margin-top:7px!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-copy h1{
 font-size:min(var(--hf114-headline-size),4.35vw)!important;line-height:1.04!important;white-space:nowrap!important;text-wrap:nowrap!important;letter-spacing:-.025em!important;
}
body[data-home-layout] #loginView:not(.hidden)>.login-right{
 width:clamp(450px,29vw,620px)!important;min-width:0!important;max-width:620px!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card{
 width:100%!important;max-width:620px!important;box-sizing:border-box!important;
 padding:clamp(26px,2.15vw,42px)!important;border-radius:clamp(18px,1.5vw,28px)!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card h2{
 font-size:min(var(--hf114-login-title-size),3.2vw)!important;line-height:1.1!important;margin:0 0 12px!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card>p{
 font-size:var(--hf114-login-text-size)!important;line-height:1.55!important;margin:0 0 clamp(18px,1.5vw,28px)!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card .field label{
 font-size:var(--hf114-login-text-size)!important;line-height:1.3!important;margin-bottom:8px!important;font-weight:800!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card input{
 min-height:clamp(58px,4.4vw,76px)!important;height:auto!important;padding:12px 18px!important;
 font-size:var(--hf114-login-input-size)!important;line-height:1.25!important;border-radius:14px!important;box-sizing:border-box!important;
}
body[data-home-layout] #loginView:not(.hidden) .loginbtn,
body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary .btn,
body[data-home-layout] #loginView:not(.hidden) #loginForm>.hf114-apply-account{
 min-height:clamp(58px,4.4vw,76px)!important;height:auto!important;width:100%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
 font-size:var(--hf114-login-button-size)!important;line-height:1.15!important;font-weight:900!important;border-radius:14px!important;
}
body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary{margin-top:14px!important;gap:12px!important;width:100%!important}
body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary .hf114-apply-account{justify-content:center!important;text-align:center!important}
/* The seventh template keeps the approved full-screen artwork while using the same login proportions. */
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{
 width:clamp(470px,31vw,640px)!important;max-width:640px!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{
 width:clamp(470px,31vw,640px)!important;max-width:640px!important;
}
@media(max-width:1500px) and (min-width:1101px){
 body[data-home-layout] #loginView:not(.hidden)>.login-right{width:clamp(400px,31vw,500px)!important;max-width:500px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:500px!important;padding:24px!important}
 html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right,
 html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{width:clamp(410px,31vw,510px)!important;max-width:510px!important}
}
@media(max-width:1100px){
 body[data-home-layout] #loginView:not(.hidden)>.login-right{width:100%!important;max-width:560px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{width:100%!important;max-width:560px!important;padding:22px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:min(var(--hf114-headline-size),7vw)!important}
 html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right,
 html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{width:auto!important;max-width:none!important}
}

/* consolidated from hf116-font-persist-style */

/* HF116: saved brand typography is authoritative on the login homepage.
   Desktop font sizes now follow the values stored in MySQL exactly instead of being silently capped by vw rules. */
html body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandname{font-size:var(--hf114-brand-title-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandsub{font-size:var(--hf114-brand-subtitle-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:var(--hf114-headline-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .login-card h2{font-size:var(--hf114-login-title-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .login-card>p,
html body[data-home-layout] #loginView:not(.hidden) .login-card .field label{font-size:var(--hf114-login-text-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .login-card input{font-size:var(--hf114-login-input-size)!important}
html body[data-home-layout] #loginView:not(.hidden) .loginbtn,
html body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary .btn,
html body[data-home-layout] #loginView:not(.hidden) #loginForm>.hf114-apply-account{font-size:var(--hf114-login-button-size)!important}
/* Keep the user-selected typography on common desktop DPI-scaled widths as well. */
@media (max-width:1100px){
 html body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandname{font-size:min(var(--hf114-brand-title-size),11vw)!important}
 html body[data-home-layout] #loginView:not(.hidden) .ptms-brand-login .brandsub{font-size:min(var(--hf114-brand-subtitle-size),5vw)!important}
 html body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:min(var(--hf114-headline-size),9vw)!important}
}

/* consolidated from hf120-login-control-proportion-style */

/* HF120 — proportionally reduce the four login controls only.
   Existing seven home scenes, typography controls, panel size/position, login logic,
   SMTP, project/worktime/tender/permission/backup behavior are intentionally untouched. */
:root{
  --hf120-control-width:88%;
  --hf120-control-height:clamp(34px,calc(var(--hf119-login-panel-width,300px) * .15),46px);
  --hf120-control-pad-x:clamp(7px,calc(var(--hf119-login-panel-width,300px) * .035),12px);
  --hf120-control-radius:clamp(6px,calc(var(--hf119-login-panel-width,300px) * .03),10px);
  --hf120-control-gap:clamp(6px,calc(var(--hf119-login-panel-width,300px) * .025),10px);
}
/* Account/password rows: same width ratio, centered in the administrator-sized login panel. */
html body[data-home-layout] #loginView:not(.hidden) .login-card .field{
  width:var(--hf120-control-width)!important;
  max-width:var(--hf120-control-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:var(--hf120-control-gap)!important;
  box-sizing:border-box!important;
}
html body[data-home-layout] #loginView:not(.hidden) .login-card .login-autocomplete{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body[data-home-layout] #loginView:not(.hidden) .login-card input{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:var(--hf120-control-height)!important;min-height:var(--hf120-control-height)!important;
  padding:4px var(--hf120-control-pad-x)!important;
  border-radius:var(--hf120-control-radius)!important;
  box-sizing:border-box!important;
}
/* Primary login button: same width and height ratio as the two inputs. */
html body[data-home-layout] #loginView:not(.hidden) .loginbtn{
  width:var(--hf120-control-width)!important;max-width:var(--hf120-control-width)!important;min-width:0!important;
  height:var(--hf120-control-height)!important;min-height:var(--hf120-control-height)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding:4px var(--hf120-control-pad-x)!important;
  border-radius:var(--hf120-control-radius)!important;box-sizing:border-box!important;
}
/* Secondary area including Apply Account (and Forgot Password if enabled). */
html body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary{
  width:var(--hf120-control-width)!important;max-width:var(--hf120-control-width)!important;min-width:0!important;
  margin:var(--hf120-control-gap) auto 0!important;
  gap:var(--hf120-control-gap)!important;box-sizing:border-box!important;
}
html body[data-home-layout] #loginView:not(.hidden) #hf100LoginSecondary .btn,
html body[data-home-layout] #loginView:not(.hidden) #loginForm>.hf114-apply-account{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:var(--hf120-control-height)!important;min-height:var(--hf120-control-height)!important;
  padding:4px var(--hf120-control-pad-x)!important;
  border-radius:var(--hf120-control-radius)!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
/* Preserve usable touch targets on stacked/mobile layout without changing desktop panel settings. */
@media (max-width:1100px){
  :root{--hf120-control-width:min(92%,520px);--hf120-control-height:clamp(38px,7vw,46px)}
}

/* consolidated from hf133-login-geometry-style */

/* R78-132: HF118 geometry remains authoritative. Position controls are additive and default to zero. */
:root{--hf119-login-panel-width:430px;--hf119-login-panel-padding:24px;--hf133-login-field-gap:12px;--hf119-login-panel-offset-x:0px;--hf119-login-panel-offset-y:0px}
html body[data-home-layout]:not([data-home-layout="digital-command"]) #loginView:not(.hidden){
 grid-template-columns:minmax(0,1fr) minmax(320px,min(var(--hf119-login-panel-width),44vw))!important;
}
html body[data-home-layout]:not([data-home-layout="digital-command"]) #loginView:not(.hidden)>.login-right{
 transform:translate(var(--hf119-login-panel-offset-x),var(--hf119-login-panel-offset-y))!important;
}
html body[data-home-layout]:not([data-home-layout="digital-command"]) #loginView:not(.hidden)>.login-right .login-card{
 width:100%!important;max-width:none!important;padding:var(--hf119-login-panel-padding)!important;
}
html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{
 width:min(var(--hf119-login-panel-width),44vw)!important;max-width:none!important;padding:var(--hf119-login-panel-padding)!important;
 transform:translate(var(--hf119-login-panel-offset-x),calc(-50% + var(--hf119-login-panel-offset-y)))!important;
}
#hf119LoginPanelBox{margin-top:14px;padding:12px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff}
#hf119LoginPanelBox .hf119-geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#hf119LoginPanelBox .hf119-geometry-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;align-items:center}
#hf119LoginPanelBox input[type=range]{width:100%}#hf119LoginPanelBox input[type=number]{width:92px;padding:8px;border:1px solid #dbe5f0;border-radius:8px;text-align:center;font-weight:800}
#hf119LoginPanelBox .hf119-reset-position{margin-top:10px}
@media(max-width:1100px){
 html body[data-home-layout]:not([data-home-layout="digital-command"]) #loginView:not(.hidden)>.login-right{transform:none!important}
 html body[data-home-layout="digital-command"] #loginView:not(.hidden) .login-card{transform:none!important;width:calc(100dvw - 32px)!important;max-width:760px!important}
 #hf119LoginPanelBox .hf119-geometry-grid{grid-template-columns:1fr}
}

/* consolidated from hf107-login-rwd-systemsettings runtime portion */

/* HF107 desktop contract: brand/headline/visual left, login always right and fully visible. */
body[data-home-layout] #loginView:not(.hidden){
  width:100%!important;height:100svh!important;min-height:620px!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(350px,23vw,430px)!important;
  grid-template-rows:auto auto auto minmax(260px,1fr)!important;
  grid-template-areas:"brand login" "title login" "kicker login" "visual login"!important;
  align-content:center!important;justify-content:stretch!important;
  column-gap:clamp(28px,3.2vw,70px)!important;row-gap:clamp(8px,1.2vh,18px)!important;
  padding:clamp(22px,2.8vw,58px)!important;
}
body[data-home-layout] #loginView:not(.hidden) .brand{grid-area:brand!important;align-self:end!important;justify-self:start!important;max-width:560px!important}
body[data-home-layout] #loginView:not(.hidden) .login-copy h1{
  grid-area:title!important;align-self:center!important;justify-self:start!important;max-width:none!important;width:auto!important;
  white-space:nowrap!important;text-wrap:nowrap!important;line-height:1.04!important;
  font-size:clamp(30px,2.9vw,58px)!important;letter-spacing:-.035em!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-kicker{grid-area:kicker!important;justify-self:start!important;align-self:start!important}
body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{
  grid-area:visual!important;align-self:center!important;justify-self:center!important;
  width:min(100%,980px)!important;height:min(42vh,500px)!important;min-height:240px!important;max-height:500px!important;
  overflow:visible!important;
}
body[data-home-layout] #loginView:not(.hidden) .hf99-caption{display:none!important}
body[data-home-layout] #loginView:not(.hidden) .login-right{
  grid-area:login!important;align-self:center!important;justify-self:end!important;width:100%!important;height:auto!important;
  min-height:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card{
  width:100%!important;max-width:430px!important;max-height:calc(100svh - 72px)!important;overflow:visible!important;
  padding:clamp(18px,1.8vw,28px)!important;margin:0!important;
}
body[data-home-layout] #loginView:not(.hidden) .login-card .field{margin-bottom:10px!important}
body[data-home-layout] #loginView:not(.hidden) .login-card input{height:48px!important}
body[data-home-layout] #loginView:not(.hidden) .loginbtn{min-height:48px!important}
/* Neutralize HF106 layout-specific grid geometry; retain its colors/scenes/animations. */
body[data-home-layout="split-tech"] #loginView:not(.hidden),body[data-home-layout="glass-center"] #loginView:not(.hidden),body[data-home-layout="executive-clean"] #loginView:not(.hidden),body[data-home-layout="command-center"] #loginView:not(.hidden),body[data-home-layout="aurora-field"] #loginView:not(.hidden),body[data-home-layout="top-brand"] #loginView:not(.hidden){
  grid-template-columns:minmax(0,1fr) clamp(350px,23vw,430px)!important;
  grid-template-rows:auto auto auto minmax(260px,1fr)!important;
  grid-template-areas:"brand login" "title login" "kicker login" "visual login"!important;
}
@media(min-width:2500px){
 body[data-home-layout] #loginView:not(.hidden){grid-template-columns:minmax(0,1fr) 470px!important;padding:clamp(38px,3.2vw,78px)!important;column-gap:82px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:470px!important}
 body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{height:min(44vh,620px)!important;max-height:620px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(48px,2.4vw,70px)!important}
}
@media(max-width:1700px) and (min-width:981px){
 body[data-home-layout] #loginView:not(.hidden){grid-template-columns:minmax(0,1fr) 390px!important;padding:20px 28px!important;column-gap:32px!important;row-gap:7px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{max-width:390px!important;padding:18px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(30px,3vw,50px)!important}
 body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{height:min(38vh,390px)!important;min-height:220px!important}
}
@media(max-height:820px) and (min-width:981px){
 body[data-home-layout] #loginView:not(.hidden){min-height:560px!important;padding-top:14px!important;padding-bottom:14px!important}
 body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{height:min(34vh,310px)!important;min-height:190px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{padding:15px 18px!important;max-height:calc(100svh - 28px)!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card h2{margin-bottom:4px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card>p{margin-bottom:8px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card input{height:43px!important}
}
@media(max-width:980px){
 body[data-home-layout] #loginView:not(.hidden){height:auto!important;min-height:100svh!important;overflow:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto minmax(180px,280px)!important;grid-template-areas:"brand" "title" "kicker" "login" "visual"!important;padding:16px!important;gap:12px!important}
 body[data-home-layout] #loginView:not(.hidden) .login-copy h1{font-size:clamp(23px,5.5vw,38px)!important;white-space:nowrap!important;justify-self:start!important}
 body[data-home-layout] #loginView:not(.hidden) .login-right{justify-self:center!important;justify-content:center!important}
 body[data-home-layout] #loginView:not(.hidden) .login-card{width:min(100%,520px)!important;max-width:520px!important;max-height:none!important}
 body[data-home-layout] #loginView:not(.hidden) .hf99-home-visual{height:240px!important;min-height:180px!important;max-height:280px!important}
}

/* consolidated from hf124-digital-background-multimedia-style runtime portion */

/* HF124: media rendering is isolated behind the seventh login template. */
#hf124DigitalMediaHost{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#020b19}
#hf124DigitalMediaHost[hidden]{display:none!important}
#hf124DigitalMediaHost>img,#hf124DigitalMediaHost>video,#hf124DigitalMediaHost>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
#hf124DigitalMediaHost>img,#hf124DigitalMediaHost>video{object-fit:cover;object-position:center center}
#hf124DigitalMediaHost>iframe{background:#020b19;pointer-events:none}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-left,
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{z-index:20!important}
html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{z-index:30!important}

/* R78-HF207 authoritative single-paint login stabilization. */
html.hf207-home-single-paint #loginView .hf99-caption,
html.hf207-home-single-paint #loginView .hf99-home-chip{display:none!important}
html.hf207-home-single-paint #loginView:not(.hidden) .login-card{animation:none!important;transition:none!important}
html.hf207-home-single-paint #loginView:not(.hidden) .ptms-brand-login,
html.hf207-home-single-paint #loginView:not(.hidden) .login-copy h1,
html.hf207-home-single-paint #loginView:not(.hidden) .login-right{transition:none!important}

/* R78-HF208 seamless first-frame stabilization.
   The public login no longer uses a visually distinct full-screen boot overlay.
   The cached final layout supplies the viewport background while the login DOM is staged. */
html.hf208-home-seamless #loginView:not(.hidden) .login-card,
html.hf208-home-seamless #loginView:not(.hidden) .ptms-brand-login,
html.hf208-home-seamless #loginView:not(.hidden) .login-copy,
html.hf208-home-seamless #loginView:not(.hidden) .login-right{transition:none!important}


/* HF235: login panel geometry is authoritative for templates 1–6 on desktop.
   Existing responsive / layout-specific artwork and fields remain untouched. */
@media (min-width:1101px){
 html body[data-home-layout="split-tech"] #loginView:not(.hidden),
 html body[data-home-layout="glass-center"] #loginView:not(.hidden),
 html body[data-home-layout="executive-clean"] #loginView:not(.hidden),
 html body[data-home-layout="command-center"] #loginView:not(.hidden),
 html body[data-home-layout="aurora-field"] #loginView:not(.hidden),
 html body[data-home-layout="top-brand"] #loginView:not(.hidden){
   grid-template-columns:minmax(0,1fr) minmax(0,min(var(--hf119-login-panel-width,430px),calc(100vw - 220px)))!important;
 }
 html body[data-home-layout="split-tech"] #loginView:not(.hidden)>.login-right .login-card,
 html body[data-home-layout="glass-center"] #loginView:not(.hidden)>.login-right .login-card,
 html body[data-home-layout="executive-clean"] #loginView:not(.hidden)>.login-right .login-card,
 html body[data-home-layout="command-center"] #loginView:not(.hidden)>.login-right .login-card,
 html body[data-home-layout="aurora-field"] #loginView:not(.hidden)>.login-right .login-card,
 html body[data-home-layout="top-brand"] #loginView:not(.hidden)>.login-right .login-card{
   box-sizing:border-box!important;width:100%!important;max-width:none!important;
 }
}

/* HF248-FIX7: seventh cinematic template uses proportional right-hand anchoring.
   A 1341px unmaximized window no longer puts the card over the building.
   Decoupled from administrator x/y offsets only while the viewport is reduced;
   existing template 1–6 geometry and mobile stacked layout are untouched. */
@media (min-width:981px) and (max-width:2000px){
 html body[data-home-layout="digital-command"] #loginView:not(.hidden){position:relative!important}
 html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right{
   grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
   position:absolute!important;inset:auto!important;
   right:clamp(16px,5vw,86px)!important;top:50%!important;
   transform:translateY(-50%)!important;
   width:clamp(230px,15.5vw,310px)!important;max-width:calc(100vw - 32px)!important;
   height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   z-index:40!important;
 }
 html body[data-home-layout="digital-command"] #loginView:not(.hidden)>.login-right>.login-card{
   position:relative!important;inset:auto!important;
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   max-height:calc(100dvh - 26px)!important;overflow:auto!important;
   min-width:0!important;transform:none!important;margin:0!important;
 }
}
/* HF248-FIX22: retired bundled handwriting files and @font-face declarations. */