/* LookGig V1.1 shared authenticated application shell */
:root{--lg-ink:#0f172a;--lg-muted:#64748b;--lg-line:#e2e8f0;--lg-bg:#f8fafc;--lg-brand:#2563eb}
html{scroll-padding-top:84px}
body.lg-app{font-family:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif!important;padding-top:76px!important;padding-bottom:88px!important}
.lg-shell{position:fixed;inset:0 0 auto 0;height:64px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--lg-line);z-index:1000}
.lg-shell-inner{height:100%;max-width:1120px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:20px}
.lg-brand{display:flex;align-items:center;gap:10px;color:var(--lg-ink);font-weight:800;text-decoration:none;letter-spacing:-.02em}
.lg-brand-mark{width:32px;height:32px;border-radius:10px;background:var(--lg-ink);color:white;display:grid;place-items:center;font-size:14px}
.lg-role{font-size:11px;color:var(--lg-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid var(--lg-line);padding-left:12px}
.lg-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.lg-nav a{min-height:40px;display:flex;align-items:center;padding:0 13px;border-radius:10px;color:#475569;font-size:14px;font-weight:700;text-decoration:none}
.lg-nav a:hover{background:#f1f5f9;color:var(--lg-ink)}
.lg-nav a.lg-primary{background:var(--lg-ink);color:#fff;padding-inline:16px}
.lg-nav a.lg-primary:hover{background:#1e293b;color:#fff}
.lg-flow{position:fixed;top:64px;left:0;right:0;height:34px;background:white;border-bottom:1px solid #eef2f7;z-index:999;display:flex;align-items:center;justify-content:center;padding:0 16px}
body.lg-has-flow{padding-top:110px!important}
.lg-flow-inner{max-width:720px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}
.lg-flow-step{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:11px;font-weight:700;white-space:nowrap}
.lg-flow-step::before{content:'';width:7px;height:7px;border-radius:999px;background:#cbd5e1}
.lg-flow-step.done{color:#475569}.lg-flow-step.done::before{background:#64748b}
.lg-flow-step.current{color:#1d4ed8}.lg-flow-step.current::before{background:#2563eb;box-shadow:0 0 0 3px #dbeafe}
.lg-flow-sep{width:18px;height:1px;background:#e2e8f0;flex:none}
.lg-mobile-nav{display:none}
.lg-page-home{display:inline-flex!important;align-items:center;gap:7px}
@media(max-width:640px){
 body.lg-app{padding-top:68px!important;padding-bottom:84px!important}
 body.lg-has-flow{padding-top:101px!important}
 .lg-shell{height:58px}.lg-shell-inner{padding:0 16px}.lg-role,.lg-nav{display:none}
 .lg-flow{top:58px;height:34px;justify-content:flex-start;overflow:hidden}
 .lg-flow-inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
 .lg-flow-step:not(.current):not(.done){display:none}.lg-flow-sep{display:none}
 .lg-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(var(--lg-mobile-count,2),1fr);left:10px;right:10px;bottom:10px;min-height:62px;background:rgba(255,255,255,.98);border:1px solid var(--lg-line);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.14);z-index:1000;padding:6px}
 .lg-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#64748b;text-decoration:none;font-size:10px;font-weight:800;border-radius:13px}
 .lg-mobile-nav a .lg-icon{font-size:17px;line-height:1}
 .lg-mobile-nav a.lg-mobile-primary{background:#0f172a;color:#fff}
}

.lg-shell a:focus-visible,.lg-mobile-nav a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}