#phi-auth-overlay{position:fixed;inset:0;z-index:2147483600;background:linear-gradient(160deg,#1a4530,#235f40);
    display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
  #phi-auth-overlay.phi-hidden{display:none}
  #phi-auth-card{background:#e8f2f0;border-radius:18px;box-shadow:0 14px 50px rgba(0,0,0,.35);
    width:100%;max-width:380px;padding:34px 30px;text-align:center}
  #phi-auth-card h1{margin:0 0 4px;font-size:21px;color:#1a4530}
  #phi-auth-card p.sub{margin:0 0 22px;font-size:13px;color:#4a5a53}
  #phi-auth-card label{display:block;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;
    letter-spacing:.6px;color:#7f6680;margin:14px 0 5px}
  #phi-auth-card input{width:100%;padding:11px 13px;font-size:15px;border:1px solid #cfe0db;border-radius:9px;background:#fff;color:#1d2a25;box-sizing:border-box}
  #phi-auth-card input:focus{outline:2px solid #235f40;border-color:#235f40}
  #phi-auth-btn{width:100%;margin-top:22px;padding:13px;border:none;border-radius:9px;background:#235f40;color:#fff;
    font-size:15px;font-weight:600;cursor:pointer}
  #phi-auth-btn:hover{filter:brightness(1.08)}
  #phi-auth-btn:disabled{opacity:.6;cursor:default}
  #phi-auth-err{color:#b3261e;font-size:12.5px;margin-top:12px;min-height:16px}
  /* Sara 2026-09-20: "the signout button is floating on top of stuff behind,
     can't see it". Three things are pinned into the bottom-left corner - the
     sign-out button at 55% opacity, the look-as-someone-else link, and the build
     stamp in white text - and the page showed through all three. Each one is
     solid now, and every left column stops short of the corner so nothing is
     behind them. */
  #phi-logout-btn{position:fixed;bottom:30px;left:13px;z-index:2147483500;background:#1a4530;color:#fff;border:none;
    border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:600;cursor:pointer;opacity:1;font-family:-apple-system,sans-serif;
    max-width:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.18)}
  #phi-logout-btn:hover{filter:brightness(1.14)}
  #phi-build-stamp{bottom:11px !important;left:14px !important;color:#6d7f77 !important;
    background:rgba(255,255,255,.88);border-radius:4px;padding:1px 5px}
  body.phi-dark #phi-build-stamp{color:#9ec0ad !important;background:rgba(20,45,37,.88)}
  /* Every left column stops above the corner instead of running under it. The
     height is measured in js/12 - the body's zoom makes a stylesheet answer
     wrong - and this is the padding that lets the last item scroll clear. */
  .sidebar, .phi-rail, .camp-sidebar, .finance-sidebar, .org-sidebar, .sci-tree, #fin-sidebar, #alta-kb-side { padding-bottom:22px !important; }