/* Browser-only additions to the shared Enrobage interface. */
.web-signed-out .sidebar,.web-signed-out #home,.web-signed-out #workspace,.web-signed-out #workspace-topbar{display:none!important}
.web-auth{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 16px;box-sizing:border-box;background:var(--bg)}
.web-auth[hidden]{display:none}
.web-auth-card{width:100%;max-width:400px;padding:36px 32px 28px;box-sizing:border-box;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised,#fff);box-shadow:0 18px 50px #2028300f,0 2px 6px #20283008}
.web-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px;font-weight:600;color:var(--text)}
.web-auth-brand img{width:28px;height:28px}
.web-auth h1{margin:0 0 8px;font-size:26px;line-height:1.2;letter-spacing:-.02em;color:var(--text)}
.web-auth-intro{margin:0 0 24px;font-size:14px;line-height:1.55;color:var(--muted)}
.web-auth-form{display:flex;flex-direction:column;gap:8px}
.web-auth-form label{font-size:13px;font-weight:500;color:var(--text)}
.web-auth-form input{min-height:40px;padding:0 12px;border:1px solid #bcc2cb;border-radius:10px;font:inherit;font-size:15px;background:var(--bg);color:var(--text)}
.web-auth-form input:focus{outline:2px solid #6b8fd6;outline-offset:1px;border-color:transparent}
.web-auth-form .button.primary{margin-top:10px;min-height:40px;justify-content:center;font-size:14px}
.web-auth .form-error{margin:14px 0 0}
.web-auth-fine{margin:22px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.web-auth-download{display:inline-block;margin-top:14px;font-size:13px;color:var(--text);text-underline-offset:3px}
.web-auth-back{margin-top:16px;padding:0;font-size:13px}
.handoff-download{display:flex;justify-content:center;align-items:center;text-decoration:none;margin:4px 0 10px}
@media (max-width:520px){.web-auth-card{padding:28px 20px 22px;border-radius:14px}.web-auth h1{font-size:23px}}
.web-auth-google{display:flex;justify-content:center;min-height:44px}
.web-auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:12px;color:var(--muted)}
.web-auth-divider::before,.web-auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.web-back{display:none}
/* Phones: the project list and an open project each take the full screen. */
@media (max-width:760px){
  .shell{display:block}
  .sidebar{width:100%!important;min-height:100vh;box-sizing:border-box;border-right:0}
  body:not(.web-in-session):not(.web-signed-out) main{display:none}
  body.web-signed-out main{display:flex;width:100%}
  body.web-in-session .sidebar{display:none}
  body.web-in-session main{display:flex;min-height:100vh;width:100%}
  .web-back{display:inline-flex;align-items:center;flex-shrink:0;border:0;background:none;padding:6px 4px;font:inherit;font-size:14px;color:var(--text);cursor:pointer}
  .workspace .session-toolbar{flex-wrap:wrap;gap:8px 10px;padding:10px 12px;min-height:0}
  .session-heading{flex:1 1 100%;order:1}
  .session-actions{order:2;flex:1 1 100%;justify-content:flex-start!important;flex-wrap:nowrap;overflow-x:auto}
  #open-terminal,#workspace-team{display:none!important}
  .code-output pre{font-size:12px}
  #code-form,.code-history,.agent-controls{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  #toast{left:12px;right:12px;transform:none;max-width:none}
}
#code-screen.is-placeholder{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.6;color:var(--muted);max-width:560px}
.account-delete{margin-top:14px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:#b0413e;cursor:pointer;text-align:left}
.account-delete:hover{text-decoration:underline}
#modal[data-kind=danger] #modal-submit{background:#b0413e;border-color:#b0413e;color:#fff}
.web-auth-legal{display:flex;gap:14px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.web-auth-legal a{color:var(--muted);text-decoration:none}.web-auth-legal a:hover{color:var(--text);text-decoration:underline}