/* Lobby-only glass presentation. Company interiors and authorization are unchanged. */
.reference-lobby{background-attachment:fixed;padding-bottom:88px}
.reference-lobby .reference-lobby-shade{background:linear-gradient(115deg,#06172887,#07192769 54%,#07162485)}
.reference-lobby .reference-companies{max-width:790px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reference-lobby .reference-company{aspect-ratio:auto;min-height:200px;padding:22px 22px 20px;border:1px solid #d9edf04d;border-radius:20px;background:linear-gradient(135deg,#e5f5ff19,#0d294766);color:#f6faff;box-shadow:0 14px 36px #020a1740,inset 0 1px #ffffff30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reference-lobby .reference-company:hover{transform:translateY(-3px);border-color:#e9c98d;box-shadow:0 18px 40px #020a1759,inset 0 1px #ffffff52}
.reference-lobby .reference-logo{height:76px;min-height:76px;max-width:280px;margin:0 0 8px}
.reference-lobby .reference-company.reference-daehan .reference-logo,.reference-lobby .reference-company.reference-symza .reference-logo{padding:10px 14px;border-radius:12px;background:#f8fbfff0;box-shadow:0 2px 12px #020b181c}
.reference-lobby .reference-company p{min-height:34px;font-size:14px;margin:3px 0 10px;color:#edf6ff}
.reference-lobby .reference-enter{width:40px;height:40px;min-height:40px;background:#cceeff12;border-color:#ddedff6b}
.reference-lobby .reference-texture{display:none}
.reference-lobby .reference-footer{padding-top:28px;margin-top:12px}
.reference-lobby .reference-header nav{flex-wrap:wrap;justify-content:flex-end}
.reference-lobby #personal-pending-host{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));width:min(366px,calc(100vw - 32px));z-index:30;color:#f2f7ff}
.reference-lobby .personal-pending{margin:0;color:#f2f7ff;border:1px solid #d5e8ff45;border-radius:20px;background:linear-gradient(125deg,#233f54df,#0c2436eb);box-shadow:0 16px 50px #0005,inset 0 1px #ffffff1c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}
.reference-lobby .personal-pending-toggle{list-style:none;display:flex;align-items:center;gap:10px;min-height:60px;padding:14px 17px;cursor:pointer;font-size:16px;font-weight:700;touch-action:manipulation}
.reference-lobby .personal-pending-toggle::-webkit-details-marker{display:none}
.reference-lobby .personal-pending-toggle:focus-visible{outline:3px solid #efc579;outline-offset:-4px;border-radius:17px}
.reference-lobby .personal-pending-bell{width:22px;height:22px;flex:none;color:#bde3ff}
.reference-lobby .personal-pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:3px 7px;border-radius:20px;font-size:12px;background:#c6e6ff24;color:#f5faff}
.reference-lobby .personal-pending-chevron{margin-left:auto;transition:transform .18s;color:#c6e2f9;font-size:22px;line-height:1}
.reference-lobby .personal-pending[open] .personal-pending-chevron{transform:rotate(180deg)}
.reference-lobby .personal-pending-content{max-height:min(48svh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4d4e46b transparent;padding:0 12px 12px;border-top:1px solid #d5e8ff26;scroll-padding:12px}
.reference-lobby .personal-pending-description{font-size:12px;line-height:1.5;color:#d0deeb;margin:12px 5px}
.reference-lobby .personal-pending-list{display:flex;flex-direction:column;gap:8px}
.reference-lobby .personal-pending-card{height:auto;padding:14px;border:1px solid #d8ebfc26;border-radius:12px;background:#d5eaff0a;color:#f5f9ff;box-shadow:none}
.reference-lobby .personal-pending-card:hover{background:#d5eaff16;border-color:#d5eaff55}
.reference-lobby .personal-pending-card:focus-visible,.reference-lobby .personal-pending-state button:focus-visible{outline:3px solid #efc579;outline-offset:-3px}
.reference-lobby .personal-pending-company{background:transparent;padding:0;color:#c9dfef;font-size:11px;letter-spacing:.04em}
.reference-lobby .personal-pending-reference{font-size:12px;color:#e5eff9}
.reference-lobby .personal-pending-stage{font-size:11px;margin-top:10px;color:#c4dcec}
.reference-lobby .personal-pending-card h3{font-size:14px;line-height:1.5;margin:5px 0 12px}
.reference-lobby .personal-pending-progress{color:#ccdeed;font-size:10px;gap:5px}
.reference-lobby .personal-pending-progress progress{accent-color:#a8d8f4;height:4px}
.reference-lobby .personal-pending-open{font-size:12px;color:#bfe5ff;margin-top:11px}
.reference-lobby .personal-pending-state{padding:20px 12px;background:transparent;border:0;color:#eaf5ff}
.reference-lobby .personal-pending-state h3{font-size:14px;line-height:1.5}
.reference-lobby .personal-pending-state p{font-size:12px;color:#cfdfed}
.reference-lobby .personal-pending-state button{min-height:44px;background:#d5eaff17;color:#fff;border:1px solid #c4e4ff66}
@media(min-width:1180px){.reference-lobby:has(#personal-pending-host){padding-right:420px;padding-left:40px}.reference-lobby:has(#personal-pending-host) .reference-header{width:calc(100% + 360px);align-self:flex-start}.reference-lobby:has(#personal-pending-host) .reference-hero{margin-top:0}.reference-lobby .reference-hero h1{font-size:46px}.reference-lobby .reference-emblem{height:78px;width:78px}.reference-lobby .reference-subtitle{font-size:14px;letter-spacing:3px}.reference-lobby .reference-hero h2{font-size:20px}}
@media(max-width:1179px){.reference-lobby:has(.personal-pending[open]){padding-bottom:calc(min(48svh,420px) + 120px)}}
@media(max-width:540px){.reference-lobby{padding-bottom:100px}.reference-lobby .reference-companies{gap:12px}.reference-lobby .reference-company{min-height:186px;padding:15px 10px;border-radius:16px}.reference-lobby .reference-logo{height:64px;min-height:64px}.reference-lobby .reference-company.reference-daehan .reference-logo,.reference-lobby .reference-company.reference-symza .reference-logo{padding:8px 6px}.reference-lobby .reference-company p{font-size:12px;min-height:34px}.reference-lobby .reference-header nav{justify-content:center;gap:14px}.reference-lobby .reference-header .lobby-logout{min-height:44px}.reference-lobby #personal-pending-host{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.reference-lobby .personal-pending-toggle{min-height:56px;font-size:15px}.reference-lobby .personal-pending-content{max-height:43svh}.reference-lobby:has(.personal-pending[open]){padding-bottom:calc(43svh + 100px)}}
@media(prefers-reduced-motion:reduce){.reference-lobby .personal-pending-chevron{transition:none}}
@media(prefers-reduced-transparency:reduce){.reference-lobby .reference-company{background:#183348}.reference-lobby .personal-pending{background:#183348;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.reference-lobby .reference-company{background:#183348e8}.reference-lobby .personal-pending{background:#183348f5}}
@media print{.reference-lobby #personal-pending-host{position:static;width:100%}.reference-lobby .personal-pending{background:#fff;color:#111;box-shadow:none}}