From 3f44adc8bc47f975f7f9bd0d73ea503dcf7042e2 Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Mon, 13 Apr 2026 01:55:47 +0000
Subject: [PATCH] Signin: modern split-panel with Seubert logo, MS SSO primary,
 remove dev accounts, local login collapsed

---
 ondeck/public/seubert-logo.webp            | Bin 0 -> 5738 bytes
 ondeck/src/app/auth/signin/page.tsx        |  57 ++++++--
 ondeck/src/components/auth/signin-form.tsx | 143 ++++++++++-----------
 3 files changed, 117 insertions(+), 83 deletions(-)
 create mode 100644 ondeck/public/seubert-logo.webp

diff --git a/ondeck/public/seubert-logo.webp b/ondeck/public/seubert-logo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b56a4bf0d8af50a0285913d8790d06faf5b442a3
GIT binary patch
literal 5738
zcmZ`-by!qiyQLceVdxxClt#KiIz{P{l2T~~35gjR32CH7C8eZ?7-8s^0Vyfz9J+_O
z!|y)Nt?z#4kN2#1?X}i^_j%4=`-P^OnjI|`mWk?9ePew|9b*g@M0bQxqD9bn$>PYx
zO9Msy3kCCIw)9*)N+O&tb|o?#WjvxsSU{p^N=m#?=2&B_0-}o0&<{dgltRI?xa<P#
z8q|2=--z$y*jx}OQc<#NTtJAXiO8@$u!XS*go!?4Y?36i;$F!|PC+Y#kmyXTe4K$q
z@rG}wDh~Wnv4dSff8}eQ^io4ZO0DL6`D5Ic(wIN!(1RunePT7awQJ)8b*L-!wUt>w
zq8biyhH?GmOM$41hilCX8~%OIsDGh}3l3%*7~5t%^D7PMm_a~C%(JeuoaXkxByBSC
zVPQ;B%H{3*F>6qjdp{K_A4@XHb<p@0t-;Qj)60*;rXtDSR$rEm{>EO2rdC9v7tn3!
zK=k=7618}Z&L15Svvw{$4XBb(;GepzKc0S9c?|XTXj#2l_yhufwOnj;!e*X)Id{3@
zfVG)chIn^;4b5j8W_S<dn_SMV1Ru_P8-A9b_@Qal?Dlx1=g9KL|9k%>v9Nj9c|^e6
zv4ldNd4HaAbM|5$8#3lbCHn1O7-9E1C(3&Z*hHEgb9?X%T+Dre1l62Ha(^H^*j_%;
z@J=&<LD=$C`6|4nNvqiSPo|9ADH0D?p4S}izhVvGb595_|6#qboa~YxRR1ucVDdzx
zWE&b1t(|V(^&@OlWX#?F^m##6ng8D3A1QWIuy!eMQDPC$$Y4WWAeY?K$Y~pg5vBn$
zRt1-mTF&m#eAu6boFOR6^V3-@59_DBeQ?$O?3KH{UwL48$nLBg&nx7(t^}Z-=}cpb
zelRthZZm%R`}JBkL*<Pg-(|lE{Ta}|oYBP;KAEWOd$L17b_1%u+7v8+pzONsRWto-
zYoJZd;aZik<WUkfyR~$aD$iKcWQpg-zToJz`xcuMJ$yc6TeJ9+nJgdOCLO)5KjT`n
z80kunwkss@aI`dRn0Twe;y=BlHFh?8roYu>iiCSlFY8Tj-%vj=43Myq`y%l6uw?je
z)_BQ<YRmLK4d0RIYgf*VlJ`&FN?@1s_3ZMsVn;MH&V7n<NDpw`)x_pO#;mnRf@tl3
z1GJR3Ag24;rkgGkKW>MVUD`*ydThR-#pew7aA?kB=FggaA)_3DS13}N;x0F2o^sUU
z8DgjO9J#S5SW)SUq&o?9?M=>+qKhRZ_eFT%xwE;qv23~cu9ks4Hc~PMWt>=*#}j7J
z;G+$@`de4ObD+q%B=B`m#puSn0oJE5eEf%l`t6T>uSs6YWg*J}<4i&QIZh*46&sCY
z6Ld^_MZKpzwuJ_L**)Wx+#e4uMog)~SM2If@%^gnd=|N1lJ%aqg%X#?+>rM?3vST_
zqdjD~7Ep3V>%8^mI_DBX=@#9uua#gD^px&V8za*n8!}9(QW19bjihg{QH34ZRU`dE
z&b&bm`uj4zA{6_b(bgw^GX5QDFk9|02YslOUHzUw+I5lM$qZCC;xR9SSH~xs7TqwZ
zxyJ!4(zepgE*$pka%J_|*pw~A>OM>}z|Od!u8vt=<DErr>2^WJGhL|c2FIL6D9CL0
zOv+C|JUTBB_KV$(L9?26d+*`L6*HpfN{a;N1RU{YYrMUJ={<w79@Uj)KGG}x&P%LW
zP|Y7J+IK2-FY_H{>Ij|4>zt?tn+adM(-*bQ=k$a(Q2xO|mYDAI3`RS{ws;A9_&*Df
zFVu~CbqZ)&lKE8))z}lB$}I8MN3ZFHdOweo>;YGkhu5;_(ag<nXvjEzBu}8DrR)bw
zGF9h3dPGVk{OW?KJN7c`h}~DF+jm1UpgZ#m4R<i2o+a$E-qbz8PKhUX)>uJ{uJ1{~
zq(?5k5F1`aF?pOi%y5@-dvUCvGuE~iln=QAn<BZoLo-!;8EE5ac_CN1)9zUu{Eq$u
zAH~e9873^0u8Gqb3L`y9@E+th6ATtCki??ov6dt0)m~B;{4!M*C~1V)byU$q<ER}r
z#U|;SjH(aBJGg}tR*BWf0ECSs59K-i919#EE+P+pRzPC1Ki`Tv7jQuEIUjUXK;o~7
z7e0VziHyltt??R3)buD%vL5LhH@dQJ;9`=FVxfihz)SV{JkK04k8+!JInW!sujD&K
zZeR<1nfy{F2}B_j7e4U~6O|jL&nAZW4ppw5K!#f2D@RSHF^lMy4l+E*!EYo<cQb6{
zc8o2b6Vc=%bOY$jmkBuVvXPIcVkT@zD9aX~NQI_K%_d-iYLMkj;uAU0#-2?+Owbzz
z{qr&X!R;QMUqK{pfT8(vf!8Il$y0iuF=pbk;F8K=ef4d|p)nJJMiK&~!Fl;7H%0%K
zagwH(o)+1d8n|s7C$tK&h`9H-(rp6Ip53J5alGTK{&_a`Uku(%oTz8oQqwfkJITjt
zCNT~vsYGbt>dP0yxcZC^29-H0%0Fz6z=*s6ySIw-)iFT20r?N>xfB@dfiOr=SCnwg
zb6DyPrahY9PABuZ)-h{Va_`{(SZ;H54-`m{6?Q~XcnTHmGpY_MhkE^#gr!Y@oGXF}
zS9$1R&sn77jwMpvV@Kd-7y~K*(&Un$9Mm`hl)|*P>>cXxI>4lBbWipXW&`j85S>K4
z7cb%3zEwQtN3+DIaGbQA<{F`$5R7h@A;m}{c=2Qi4vPzJR}<Qy&y*@56x4W|Pa;DY
z!r_H`rc|pulAfWqaGDMfWiXBFc^XDQm(4Kd8hLP!Xq2g5%#@&+#O)+k`2EqRr3GR7
zDAg%tfj%RTRRUbKQ#!vjh^MNL9Dy%DR!Yfp;cH8Roc{W@4}h?Rq;j`FvFDfhqb<l$
ztFCA+Rtw3<kO6yXjm-_-*F;r>W_9_}u>ZZd?QP>$tlv$WGcY1wz@HiAziRapr|m?u
zUpHqiv3vnHTZ7(QDhlz`W|V^0r>oz=R``h{La9+IBDW)@a{5)5s)HT;n5c0zllgwO
z!W8|tUMpm)ya~?D0_47c9BAQgfvS&($i#i791S-Xc-Ua@FE7-+X`_SJjb%eDhlX3L
zfpjnPsO6$+ZA?0<EMC7*I!r&G7yjkVMd%A)W->~qtS7km%^Bb}5N3rxRcTZy%N052
zdS9-Q1=BBzXYhcIqUhZgsN~+!{;Y(&qXtMjQ`N2osv_o#F@bFo_jr<<IUNJ(?(6o(
zVu+3!t*;Qfx?Q<nAZvzQo+e5E`f&a29ltI?C@UW(k!^7r_S9cP$2gNHwjs(AbFj6B
z@o##!lwm=v#IfzYidB&OC_(QrU=I&}ugZq!SozXc1e?Qt^ygb$@`>2r)CHrE^4yb<
zZ?C%)-2}v_PCu-t6pRu(NiYXXa1KEwv-Uhx(6_2%8{sV$?VoQf$?#HN$jQ%3u_@+L
z--DftJ#@tR7`TqeswKF}@$lCl!rw)Iu34hp^e&{HBs<tIs@xtg7>&`pXFYpr2*bU~
z+1%6*DEs0;dm{B~2AldSW)+iT#d;s=G7u)u4V7!1(4G^<n0Me!deWpA=l<v(LjC;l
zrZ*7FBiMwl28cm;AFov@f*i&+R5t45ZsDa<<x&}hyyo<LcM-)BURz@bqYQjyMtUzL
zOn64L=tv9KMtmL<Zit?bEpV@edHT$p`9{hXImeRN<Fwdn@zTm4?fcg=dolUzItyWB
zTN+k~-n8`e^)?cxGN2t*Ht3`bG+^c?f2jpg;O0XO)}G$yu`+FSQa(z?(Ox(d#IUzd
zql_m7{l0^4nO}RSH14UVKN?#DY~Wsa|E)S9pI{3pd%X5E=<&=exe<Zx1oa#-zv_jy
zpITxf4jxb>XF4apD#1x0unFJ&w%r{ZGkexykwrQaucN<;!&;&ZuZ6h^kJ%7UL~yha
zzhV#?FhLW)ymhq6mE1(YX5wTEBr6@>^mWcvCCoUIunw8WzkR~4N88_VtRNsd^r-bB
zabD#yNxh-2`q&a;*wKH<nC(YLsHA}ftNHt&fk(?YWgo9;xF!6hNypZPJGnwWGbZuj
z7CA%pK93@km9C!Wl0DA}*RWIF^bv7p5sNa?s{R=&mC%0w1iC!kBUwhHsh`TokeB*-
z4gj-~>^0Kva`^eMgOu({cedNWbP$Gzh<%lUBbXZhbdb|HsfHGf-;r7toKWki>bcqc
zeiR54%K1{j5bkND2gbRUNaHHlxnT*+6tY^Z9cZ(mH+kUA+&5uV`H(mW?LfhRkn^%O
zd>dwKYDP-z%gA$jLFyxKN6Inf_wzgK$)136{*(TX?C65~?Y%8y*JfS!Svzq)x|D_=
z6URLVaq|6)S}#}mYh8dc($1{KNnQBUo}7Z?@C6FJPyQ#KE{W~W?x$H#+s>CVebd+;
zd2d@Ry%}?qKtG0#gO(9J+m1z8_WOk2mxgGuUQvgH->#@3UohlEJ-rAWY#nuF$N6w^
zyQ8o*1SXv&C$JuQ?UjHpTTOm8MfSv2jJ_t6swGg#v*nc-q5Sdi!TXn4jEUUowGQRZ
zMITk|Wv3f<`cAe@o}7Gg2d~<-8wFozqrLhW6C!FSX+p^S?0a`j%J`2fJehs^)|9F7
zwKbCZpbS~DjZ<;V)SoB)7-Hekmd(D<SNO_&&pAZ_NXzT=&HBSL`adOxKR~@W101w7
zLW%~5?Q-bx)u5v5p=z!)5bbcIK;3hc7y!ALW3M#i6GirmB&I9=JXQS#^bL>vE3V!j
zHc;6PlhPXlIN)_Oqjo^Kw)|Ur@Yf}gKg1nS9NhqCtxTsn<Ba#4fdYim72Gbo8;zx}
z&%`jyMFv;O@098^&E<WsdZUc@DroKm*PTy4Qp4Ck>FksVT$Vh~D73uxE;5-$Sp>XT
z<`jIfwD9cH*Mmi=@gx$qmMw_gUniZS9^7%?GB$wxZD8!gvrKrk-;eSVCV=_0(&3nY
z+si(Q81)vt)552`?-<s#7B$hr^GYdxXZuNdUWK{#H08P6jkNvp3se*m?<dst>O`N`
zj0OVd8GsU0l+Or@1VodlE9M;}cNCItnFn7Q%7#dMiO6wwhb#xvv4e}vBH<kQn;uKG
z=U#=~ZDa}{9N_r%R7BwrBGh?&3bt3X%w2a$tBe3di|Xt)0S5INqm4td2LhZ;$M%&W
z#q;23QCaKRcU4|_n)f1A;Yr1$Ef1cNk(#&b9Y75(+QnxTgs<1<Z?d;Cz9dS!eHcN-
zhsatvFwxeb$UFYfS%ul!tNyT6+To_B1^L$io7@3)AqN4R#(3xa>-K{1*nNS2;95|m
zQLfc@qJ4{@(MND-<$tm+GVr2=J7`q+7*ieoO_lnGXZSbu@jtxh|5LY4hw1}-Q=J3k
z8UlPnF|Q&g!ssFvL@llgLP$<VQIs5k2)cvws&~-p|G*hd44X21$Ij^dZ&)QxtqVW#
z<Nqb9lQ?z%f5YQ?j05!+AG4-lp@i{`8dG8vwSfPk6KU_<&cb)@{|m#ge~GS}qiit4
zS^QHG6a;t1I|4EMw9qBfjptuWr2=<W<QA0cUy2JV)tRx#D7whjJmP<XTFgj3dYIr`
zYRnWHDwuF7D$Gz4F&I_U-Ru;km~B{TF%mgGjQvXQ?kJ7bw#A}4i@=;7%W`)rJ-9Ij
zMsDpiIV2VQG^#7My?W9RpmGW>=)>>KNEgzv?n%}qQ#Q1~YwD)4rEd(wtQV1q=oqjF
z`#hO<qOXD68NS<U2v0&hGhI?`e-cD)k($=397L36*u^~V9<#@WpD+yhD~8Ibh|s93
zwA)9vtTPpj+Kh_AMGAvRRQ!Vp?fd*N8nP=eM>m3Cq)}EgGC4CiQ$9?!m|lw`3qKiQ
zo<3_3`F$&L3z6yb5qpKNQJah2iGgq>b~$ouWx6i+Zy$$0?(e7k>U$=!F16%{Ug6gT
zU7=J7>rcoXB^?!K-0N(wBpv5JKMJS6aXCnzW0)Oerb@x+YIbDt7ld^nQcQ+)Ly#Zr
z1Z?R}y~4X#gai|(&4w2RZVWlR1Wf5pgw=0x`^}=tHl_Ng%kHzYh)q??%7nVsGCvY6
zjmZTEztCm=&fmj`5en^-5x4u6(DQVJ9p4T}k=hK$lt!)1V1H+F=$Jvo&Rd2{D5&vF
zW)ke>lt!*?Veba^;e71`9Fnub%ZoX|T9PXpOM6cys%7URz)pVpIc`la4z}c5TNO4f
zA4tB(`kRyKZ<@E?*~zb>D0M386Qhs*`?xh&mX7phQ*E)6xTJVUl<(O)+ZER$B*oOa
zQ}H^j_&ux5n!4-dy%QZT2Q<zq9Tg|}Ai|2?KXjPUq`M1#l;2YAwbVDV|H;`j?`_YB
zy>U7fF2!KVFuk<jTl+Qw#&qs%;nR|cZ{4l%qgNsgzFublvC+&o$FD?w-y)#t-A!=u
z#3?(Zm{rjH)P!c3XXM(UIT@=IVqz?`D6+c_e&omhknK03@|kaaoj?&wdhZ+ItFnYY
zB^p%;B(?~$!IgSbIiIherKpkss3tkPY1_*gtzA}r7bn<yi^g-Alz$i!KD3HNxA^5K
z)jZz^+o&}s-fGlW$GkxbiIX3D^p2*%4LCcnNv#*b%<{iAi}Z%1`4lX`s132B4D|hR
ztKYr*{K7lcvgWab8}&)e92u;?)S!2wMA{X2MpoZMKcHBwhL)!G-r$#Rze6)K!u;*k
z0Zsm)%kJ;+BWK~@xb?P1Gj4!R0P?*)narK7Ka#wv&HHO%Rcpf(Fp?#mjj!{Qy{ceZ
z@7Hl<2SKYL$-A*Tu-=Kg25hkNq#*|axe*+g)3cEsY^EqDa=lSq+XEyrQ(SgozEBvp
ze8s0ne(ZtPh6?<COBS+^dhV1SZ(MJ9&1|{Yx82*?*ax3Y#QI0At@Fz6$PQDk^}dOy
z-9q92G7eEBljV~DEV$;%{nb!-7v8uv3}e1diMLy|Z7x0V*chrTcMd5s>U)z{kw%l&
z@Gz@;4DMyHyf(HnvsX(3Fz&JFN&%scuhXuQW8cZx?FwST+7nLVhKm|%FH?Z}()~zR
zz8>_Akt_>TA<J@@IhO`})IWt9n!Q;?B$x|dt<>DSQI%XoTU2UyUha>2S=}F1NZ(2J
z3obCsz&oj0w${SAl8-iu-sA@YfKWgyPxuLQB8f06VqKl1D7zzzS_u{RfV(gtfs4CS
zx;u&5vrXyH6<CdSq^DK!jkPhQoUPqXC$$SyocWQz)NW*)n!1Bb&C2j1U-13B)M{PX
zUCi5foNbwSZOmhsL)Hgst~Df<03_|4EF;Qk=q%Q<P-lZ*v{Qdaxeb8c!{?{-gDC9x
XY+*M@G#YbL3Of(^@2gXEuk?QaG8i_i

literal 0
HcmV?d00001

diff --git a/ondeck/src/app/auth/signin/page.tsx b/ondeck/src/app/auth/signin/page.tsx
index a8acfca..b9b5c4e 100644
--- a/ondeck/src/app/auth/signin/page.tsx
+++ b/ondeck/src/app/auth/signin/page.tsx
@@ -1,21 +1,56 @@
 import { SignInForm } from '@/components/auth/signin-form'
+import Image from 'next/image'
 
 export default function SignInPage() {
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">
-      <div className="max-w-md w-full">
-        <div className="bg-white shadow-xl rounded-lg p-8">
-          <div className="text-center mb-8">
-            <h1 className="text-3xl font-bold text-gray-900">Horizon</h1>
-            <p className="text-gray-600 mt-2">Policy Renewal Workflow Management</p>
+    <div className="min-h-screen flex">
+      {/* Left panel — brand */}
+      <div className="hidden lg:flex lg:w-1/2 flex-col justify-between p-12"
+           style={{ background: 'linear-gradient(160deg, #0F513F 0%, #15745a 60%, #1FA883 100%)' }}>
+        <div>
+          <Image
+            src="/seubert-logo.webp"
+            alt="Seubert"
+            width={180}
+            height={56}
+            className="brightness-0 invert"
+            priority
+          />
+        </div>
+        <div>
+          <h2 className="text-4xl font-bold text-white leading-tight">
+            Policy Renewal<br />Workflow Management
+          </h2>
+          <p className="mt-4 text-white/70 text-lg">
+            Horizon keeps your team on top of every renewal, every client, every deadline.
+          </p>
+        </div>
+        <p className="text-white/40 text-sm">
+          © {new Date().getFullYear()} Seubert Enterprises, Inc.
+        </p>
+      </div>
+
+      {/* Right panel — form */}
+      <div className="flex-1 flex flex-col items-center justify-center px-6 py-12 bg-white">
+        <div className="w-full max-w-sm">
+          {/* Mobile logo */}
+          <div className="flex justify-center mb-8 lg:hidden">
+            <Image
+              src="/seubert-logo.webp"
+              alt="Seubert"
+              width={150}
+              height={48}
+              priority
+            />
           </div>
-          
+
+          <div className="mb-8">
+            <h1 className="text-2xl font-bold text-gray-900">Welcome back</h1>
+            <p className="text-gray-500 mt-1 text-sm">Sign in to your Horizon account</p>
+          </div>
+
           <SignInForm />
         </div>
-        
-        <p className="text-center text-sm text-gray-600 mt-4">
-          Sign in with your local account or Microsoft account
-        </p>
       </div>
     </div>
   )
diff --git a/ondeck/src/components/auth/signin-form.tsx b/ondeck/src/components/auth/signin-form.tsx
index 1b951a3..fb4328a 100644
--- a/ondeck/src/components/auth/signin-form.tsx
+++ b/ondeck/src/components/auth/signin-form.tsx
@@ -4,26 +4,21 @@ import { useState } from 'react'
 import { signIn } from 'next-auth/react'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Building2, User } from 'lucide-react'
+import { Loader2 } from 'lucide-react'
 
 export function SignInForm() {
   const [username, setUsername] = useState('')
   const [password, setPassword] = useState('')
   const [loading, setLoading] = useState(false)
+  const [msLoading, setMsLoading] = useState(false)
   const [error, setError] = useState('')
+  const [showLocal, setShowLocal] = useState(false)
 
   const handleLocalSignIn = async (e: React.FormEvent) => {
     e.preventDefault()
     setLoading(true)
     setError('')
-
-    const result = await signIn('credentials', {
-      username,
-      password,
-      redirect: false,
-    })
-
+    const result = await signIn('credentials', { username, password, redirect: false })
     if (result?.error) {
       setError('Invalid username or password')
       setLoading(false)
@@ -33,76 +28,80 @@ export function SignInForm() {
   }
 
   const handleMicrosoftSignIn = async () => {
+    setMsLoading(true)
     await signIn('azure-ad', { callbackUrl: '/dashboard' })
   }
 
   return (
     <div className="space-y-4">
-      {/* Local Account Login */}
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-lg flex items-center gap-2">
-            <User className="h-5 w-5" />
-            Local Account
-          </CardTitle>
-        </CardHeader>
-        <CardContent>
-          <form onSubmit={handleLocalSignIn} className="space-y-4">
-            <div>
-              <Input
-                type="text"
-                placeholder="Username"
-                value={username}
-                onChange={(e) => setUsername(e.target.value)}
-                disabled={loading}
-                required
-              />
-            </div>
-            <div>
-              <Input
-                type="password"
-                placeholder="Password"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                disabled={loading}
-                required
-              />
-            </div>
-            {error && (
-              <p className="text-sm text-red-500">{error}</p>
-            )}
-            <Button 
-              type="submit"
-              className="w-full"
-              disabled={loading}
-            >
-              {loading ? 'Signing in...' : 'Sign In'}
-            </Button>
-          </form>
-          
-          <div className="mt-4 p-3 bg-blue-50 rounded text-xs text-blue-800">
-            <p className="font-semibold mb-1">Development Accounts:</p>
-            <p>• admin / admin123 (Admin)</p>
-            <p>• manager / manager123 (Manager)</p>
-            <p>• ae / ae123 (Account Executive)</p>
-          </div>
-        </CardContent>
-      </Card>
+      {/* Microsoft SSO — primary */}
+      <Button
+        onClick={handleMicrosoftSignIn}
+        disabled={msLoading}
+        className="w-full h-11 text-sm font-medium"
+        style={{ backgroundColor: '#0F513F' }}
+        size="lg"
+      >
+        {msLoading ? (
+          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+        ) : (
+          <svg className="mr-2 h-4 w-4" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect x="1" y="1" width="9" height="9" fill="#f25022"/>
+            <rect x="11" y="1" width="9" height="9" fill="#7fba00"/>
+            <rect x="1" y="11" width="9" height="9" fill="#00a4ef"/>
+            <rect x="11" y="11" width="9" height="9" fill="#ffb900"/>
+          </svg>
+        )}
+        Sign in with Microsoft
+      </Button>
 
-      {/* Microsoft Login (if configured) */}
-      <Card>
-        <CardContent className="pt-6">
-          <Button 
-            onClick={handleMicrosoftSignIn}
-            variant="outline"
-            className="w-full"
-            size="lg"
-          >
-            <Building2 className="mr-2 h-5 w-5" />
-            Sign in with Microsoft
+      {/* Divider */}
+      <div className="relative">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t border-gray-200" />
+        </div>
+        <div className="relative flex justify-center text-xs">
+          <span className="bg-white px-3 text-gray-400">or</span>
+        </div>
+      </div>
+
+      {/* Local credentials — secondary / collapsed */}
+      {!showLocal ? (
+        <button
+          type="button"
+          onClick={() => setShowLocal(true)}
+          className="w-full text-center text-xs text-gray-400 hover:text-gray-600 transition-colors py-1"
+        >
+          Sign in with local account
+        </button>
+      ) : (
+        <form onSubmit={handleLocalSignIn} className="space-y-3">
+          <Input
+            type="text"
+            placeholder="Username"
+            value={username}
+            onChange={(e) => setUsername(e.target.value)}
+            disabled={loading}
+            required
+            autoFocus
+            className="h-10"
+          />
+          <Input
+            type="password"
+            placeholder="Password"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+            disabled={loading}
+            required
+            className="h-10"
+          />
+          {error && <p className="text-xs text-red-500">{error}</p>}
+          <Button type="submit" variant="outline" className="w-full h-10" disabled={loading}>
+            {loading ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : null}
+            {loading ? 'Signing in…' : 'Sign In'}
           </Button>
-        </CardContent>
-      </Card>
+        </form>
+      )}
     </div>
   )
 }