#welcome .suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}
#welcome{margin-top:clamp(28px,5vh,60px);margin-bottom:36px}
.auth-gate{margin-top:clamp(35px,8vh,90px)}
.welcome-brand{display:flex;width:100%;align-items:center;justify-content:center;gap:11px;margin:0 0 27px;color:var(--navy);text-align:left}
.welcome-brand .brand-mark{width:47px;height:47px;flex:none;border-radius:13px}
.welcome-brand .brand-mark img{width:28px;height:32px}
.welcome-brand .brand-wordmark{font-size:27px}
.welcome-brand .brand-wordmark small{margin-top:5px;font-size:9px}
.portfolio-login-card{max-width:430px;display:grid;gap:9px;margin:30px auto 0;text-align:left}
.portfolio-login-card .field-label{margin:7px 0 0}
.portfolio-login-card .button{justify-self:stretch;margin-top:14px}
.portfolio-snapshot{margin:8px 0 0;color:#96a2b5;font-size:11px}
.chat-workspace{min-height:0;flex:1;display:flex;width:100%}
.chat-workspace .chat-layout{min-width:0}
.chat-sidebar{width:clamp(260px,20vw,310px);flex:none;min-height:0;display:flex;flex-direction:column;gap:9px;padding:20px 12px 16px 18px;border-right:1px solid var(--line);background:#f7f9fe}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:15px;color:var(--navy)}
.sidebar-heading button{display:none;border:0;background:transparent;font-size:25px;color:var(--muted)}
.sidebar-new{width:100%;padding:11px 12px;border:1px solid #d7e0f0;border-radius:10px;background:#fff;color:var(--navy);text-align:left;font-size:12px;font-weight:750}
.sidebar-new:hover,.sidebar-item:hover{border-color:#aebdff;background:#fff}
.sidebar-label{margin:15px 8px 0;color:#8795ad;font-size:10px;font-weight:800;letter-spacing:.14em}
.sidebar-list{width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}
.sidebar-item{width:100%;min-width:0;display:flex;align-items:center;gap:3px;border:1px solid transparent;border-radius:9px}
.sidebar-item.active{border-color:#cdd7ff;background:#ecf0ff}
.sidebar-open{width:0;min-width:0;flex:1 1 auto;padding:9px 8px;border:0;background:transparent;text-align:left;color:#344663}
.sidebar-open strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.sidebar-open small{display:block;margin-top:3px;color:#8795ad;font-size:10px}
.sidebar-menu-button{width:28px;height:28px;flex:0 0 28px;padding:0;border:0;border-radius:7px;background:transparent;color:#8290a7;font-size:20px;line-height:1}
.sidebar-menu-button:hover,.sidebar-menu-button[aria-expanded="true"]{background:#fff;color:var(--navy)}
.conversation-menu{position:fixed;z-index:60;min-width:158px;padding:5px;border:1px solid #dce5f1;border-radius:10px;background:#fff;box-shadow:0 15px 38px rgba(25,39,64,.18)}
.conversation-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#344663;text-align:left;font-size:12px;font-weight:700}
.conversation-menu button:hover,.conversation-menu button:focus-visible{background:#f1f4ff}
.conversation-menu button.danger{color:#b5354b}
.conversation-menu button.danger:hover{background:#fff0f2}
.rename-dialog{width:min(400px,calc(100% - 32px));padding:24px;border:1px solid #dce5f1;border-radius:16px;color:var(--ink);box-shadow:0 25px 70px rgba(25,39,64,.2)}
.rename-dialog::backdrop{background:rgba(20,35,63,.35)}
.rename-dialog form{display:grid;gap:13px}
.rename-dialog h2{margin:0 0 4px;font-size:19px}
.rename-dialog label{font-size:13px;font-weight:750}
.rename-dialog input{width:100%;height:44px;padding:0 11px;border:1px solid #cfdaec;border-radius:8px}
.rename-dialog .portfolio-error{margin:0}
.rename-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.sidebar-empty{margin:4px 8px;color:#8795ad;font-size:12px;line-height:1.5}
.sidebar-footer{margin-top:auto;padding:12px 8px 0;border-top:1px solid #e0e7f2}
.sidebar-footer button{width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#687b99;text-align:left;font-size:12px;font-weight:700}
.sidebar-footer button:hover{background:#fff;color:var(--blue)}
.sidebar-toggle{display:none;margin:10px 16px 0;align-self:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:12px;font-weight:700}
.sidebar-backdrop{display:none}
.portfolio-error{max-width:730px;margin:12px 0 18px 39px;color:#b5354b;font-size:13px;text-align:left}
.auth-gate .portfolio-error{margin:12px auto;text-align:center}
@media(max-width:680px){#welcome .suggestions{grid-template-columns:1fr}.auth-gate{margin-top:28px}.portfolio-login-card{padding:17px}.portfolio-error{margin-left:0}.welcome-brand{margin-bottom:22px}.welcome-brand .brand-wordmark{font-size:23px}}
@media(max-width:800px){.chat-sidebar{position:fixed;z-index:30;top:30px;bottom:0;left:0;width:min(300px,85vw);box-shadow:15px 0 35px rgba(26,43,78,.14)}.chat-sidebar:not(.is-open){display:none}.sidebar-heading button{display:block}.sidebar-toggle:not([hidden]){display:block}.sidebar-backdrop:not([hidden]){display:block;position:fixed;z-index:29;inset:30px 0 0;width:100%;border:0;background:rgba(20,35,63,.28)}}
