.workspace.showing-inbox{grid-template-columns:80px minmax(0,1fr)}
.workspace.showing-inbox .sidebar,.workspace.showing-inbox .map-section{display:none!important}
.account-panel{grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:auto;padding:40px 44px;background:var(--paper);scroll-padding:24px}
.account-content{width:100%;max-width:920px;margin:0 auto}
.account-access{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 0 28px}
.account-avatar{display:grid;place-items:center;position:relative;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:var(--green-soft);color:var(--green)}
.account-avatar .icon{width:30px;height:30px}
.account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.account-avatar-edit{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--paper);color:var(--green)}
.account-avatar .account-avatar-edit .icon{width:13px;height:13px}
.account-avatar:disabled{opacity:.65;cursor:default}
.account-avatar:not(:disabled):hover{box-shadow:0 0 0 2px var(--green)}
.account-access:has(.account-avatar[hidden]){grid-template-columns:minmax(0,1fr) auto}
.account-identity{min-width:0}
.account-name{margin:0;font:500 26px/1.3 var(--sans);letter-spacing:-.02em;color:var(--green);white-space:nowrap}
.account-name.is-long{white-space:normal;overflow-wrap:anywhere}
.account-status{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.account-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-actions .button{font-size:14px;min-height:44px}
.account-signout{font-size:13px;min-width:44px;min-height:44px;padding:8px 0;color:var(--muted)}
.account-panel .inbox-panel{padding:10px 0 0;border:0}
.inbox-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.account-incoming h2{margin:0;color:var(--green);font:400 23px/1.25 var(--serif)}
.account-panel .inbox-fetch{min-height:36px;font-size:12px;padding:7px 11px}
.inbox-connection-options{margin-bottom:14px;color:var(--muted)}
.inbox-connection-toggle{display:flex;align-items:center;gap:10px;min-height:44px;list-style:none;cursor:pointer;font-size:13px}
.inbox-connection-toggle::-webkit-details-marker{display:none}.inbox-connection-toggle::marker{content:''}
.inbox-connection-toggle:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:3px}
.inbox-connection-options[open] .inbox-connection-toggle:after{transform:rotate(225deg)}
.account-panel .inbox-source{display:flex;align-items:center;gap:7px;margin:0;color:var(--green);font:500 13px/1.5 var(--sans)}
.account-panel .inbox-dot{width:7px;height:7px}
.account-panel .inbox-summary{margin:0;font-size:13px;line-height:1.5}
.account-panel .inbox-last-check{font-size:12px;line-height:1.5;margin-top:5px}
.account-panel .inbox-disconnect{font-size:13px;min-height:44px}
.account-panel .inbox-item-name{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.account-panel .inbox-item-metrics{font-size:12px;line-height:1.6}
.account-panel .inbox-empty{padding:4px 0 0}
.account-panel .inbox-empty h3{font:500 16px/1.4 var(--sans);letter-spacing:0}
.account-panel .inbox-empty p{font-size:14px;line-height:1.5;max-width:38ch}
.account-panel .inbox-notice{font-size:13px}
.account-panel :is(a,button,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:1150px){.workspace.showing-inbox{grid-template-columns:76px minmax(0,1fr)}}
@media(max-width:900px){.workspace.showing-inbox{grid-template-columns:72px minmax(0,1fr)}.account-panel{padding:30px 26px}}
@media(max-width:700px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){
 .workspace.showing-inbox{display:block}
 .workspace.showing-inbox #account-panel{position:absolute;inset:0;display:block;width:100%;height:100%;padding:calc(var(--phone-header-height,100px) + 26px) max(20px,env(safe-area-inset-right)) calc(var(--phone-sheet-bottom) + 20px) max(20px,env(safe-area-inset-left));scroll-padding-bottom:calc(var(--phone-sheet-bottom) + 20px)}
 .account-access{grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding-bottom:20px}
 .account-avatar{width:52px;height:52px}.account-avatar .icon{width:27px;height:27px}
 .account-name{font-size:22px;line-height:1.35}
 .account-actions{grid-column:2}
}
