:root{--patra-font-family:"Google Sans Text", Roboto, Arial, sans-serif;--patra-font-display:"Google Sans", "Google Sans Text", Roboto, Arial, sans-serif;--patra-compose-bg:#c2e7ff;--patra-compose-hover:#a8d8f5;--patra-snackbar-bg:#303030;--patra-snackbar-text:#f2f2f2;--patra-snackbar-action:#a8c7fa;--patra-chip-bg:#f1f3f4;--patra-selected-row-bg:#c2dbff;--patra-compose-header-bg:#f2f6fc;--patra-bg:#f6f8fc;--patra-surface:#fff;--patra-surface-radius:16px;--patra-blue:#0b57d0;--patra-blue-light:#d3e3fd;--patra-icon-grey:#444746;--patra-text-primary:#202124;--patra-text-secondary:#5f6368;--patra-hover:#eaebef;--patra-row-unread-bg:#fff;--patra-row-unread-weight:700;--patra-row-read-bg:#f2f6fc;--patra-row-read-weight:400;--patra-row-height:40px;--patra-sidebar-item-height:32px;--patra-sidebar-active-bg:#d3e3fd;--patra-border-color:#e0e0e0;--patra-border-light:#dadce0;--patra-error:#d93025;--patra-topbar-height:64px;--patra-sidebar-width:256px;--patra-sidebar-rail-width:72px;--patra-search-bg:#e9eef6;--patra-reconnect-bg:#fef7e0;--patra-reconnect-text:#b06000}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--patra-font-family);background:var(--patra-bg);color:var(--patra-text-primary);margin:0}#root{min-height:100dvh}button,input,textarea,select{font:inherit}.app-loading{background:var(--patra-surface);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.app-loading-brand{align-items:center;gap:8px;display:flex}.app-loading-wordmark{font-family:var(--patra-font-display);color:#5f6368;font-size:32px}.app-loading-bar{background:var(--patra-blue-light);border-radius:2px;width:200px;height:4px;position:relative;overflow:hidden}.app-loading-bar:after{content:"";background:var(--patra-blue);width:40%;animation:1.1s ease-in-out infinite app-loading-slide;position:absolute;inset:0 auto 0 0}@keyframes app-loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.mobile-compose-fab{display:none}@media (width<=768px){.mobile-compose-fab{z-index:50;background:var(--patra-compose-bg);color:#001d35;height:56px;font-family:var(--patra-font-display);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:12px;padding:0 20px 0 16px;font-size:14px;font-weight:500;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}}*{scrollbar-width:thin;scrollbar-color:#1f1f1f3d transparent}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#1f1f1f3d;background-clip:padding-box;border:4px solid #0000;border-radius:8px;min-height:48px}::-webkit-scrollbar-thumb:hover{background-color:#1f1f1f66}.brand-logo{-webkit-user-select:none;user-select:none;flex:none;display:block}.topbar-logo .brand-logo{margin-right:6px}.login-page{background:#f0f4f9;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background:var(--patra-surface);width:448px;max-width:100%;font-family:var(--patra-font-family);border-radius:28px;padding:36px 40px;position:relative;overflow:hidden}.login-progress{background:var(--patra-blue-light);height:4px;position:absolute;top:0;left:0;right:0;overflow:hidden}.login-progress:after{content:"";background:var(--patra-blue);width:40%;animation:1.1s ease-in-out infinite login-progress-slide;position:absolute;inset:0 auto 0 0}@keyframes login-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.login-card.busy .login-form{opacity:.6}.login-brand{height:48px;margin-bottom:16px;display:flex}.login-heading{font-family:var(--patra-font-display);color:#1f1f1f;margin:0 0 8px;font-size:24px;font-weight:400;line-height:32px}.login-card .login-heading{margin:0;font-size:36px;line-height:44px}.login-subheading{color:#1f1f1f;margin:16px 0 36px;font-size:16px;line-height:24px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--patra-text-secondary);font-size:12px}.login-input{height:44px;font-size:16px;font-family:var(--patra-font-family);color:#1f1f1f;background:var(--patra-surface);border:1px solid #747775;border-radius:4px;outline:none;padding:0 14px}.login-input:focus{border:2px solid var(--patra-blue);padding:0 13px}.login-input:disabled{color:var(--patra-text-secondary);background:#f8fafd}.login-card .login-field{display:block;position:relative}.login-card .login-input{width:100%;height:56px;padding:0 15px}.login-card .login-input:focus{padding:0 14px}.login-card .login-label{background:var(--patra-surface);color:#444746;pointer-events:none;transform-origin:0;padding:0 4px;font-size:16px;line-height:20px;transition:top .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),color .15s;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.login-card .login-input:focus+.login-label,.login-card .login-input:not(:placeholder-shown)+.login-label{font-size:12px;top:0}.login-card .login-input:-webkit-autofill+.login-label{font-size:12px;top:0}.login-card .login-input:focus+.login-label{color:var(--patra-blue)}.login-card .login-input:disabled+.login-label{background:0 0}.login-card .login-field.invalid .login-input{border-color:var(--patra-error)}.login-card .login-field.invalid .login-input:focus+.login-label,.login-card .login-field.invalid .login-label{color:var(--patra-error)}.login-show-password{color:#1f1f1f;cursor:pointer;align-items:center;gap:16px;margin-top:-4px;padding-left:2px;font-size:14px;display:flex}.login-show-password input{width:18px;height:18px;accent-color:var(--patra-blue);cursor:pointer;margin:0}.login-error{color:var(--patra-error);align-items:center;gap:8px;margin:-8px 0 0;font-size:12px;line-height:16px;display:flex}.login-help{color:#444746;margin:8px 0 0;font-size:14px;line-height:20px}.login-actions{justify-content:flex-end;margin-top:12px;display:flex}.login-card .login-actions{margin-top:20px}.login-submit{background:var(--patra-blue);color:#fff;height:40px;font-family:var(--patra-font-display);letter-spacing:.25px;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.login-submit:hover{background:#0a4fbf;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.login-submit:disabled{color:#1f1f1f61;box-shadow:none;cursor:default;background:#1f1f1f1f}.login-spinner{border:2px solid #ffffff80;border-top-color:var(--patra-surface);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}.login-submit:disabled .login-spinner{border-color:#5f636859;border-top-color:var(--patra-text-secondary)}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=600px){.login-page{background:var(--patra-surface);align-items:flex-start;padding:0}.login-card{border-radius:0;padding:32px 24px}.login-card .login-heading{font-size:32px;line-height:40px}}.dialog-backdrop{z-index:100;background:#20212499;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog-card{box-sizing:border-box;background:var(--patra-surface);border-radius:8px;width:448px;max-width:100%;padding:32px 32px 24px;box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.dialog-text{color:var(--patra-text-secondary);margin:0 0 8px;font-size:14px}.dialog-actions{gap:8px}.dialog-cancel{height:40px;color:var(--patra-blue);font-family:var(--patra-font-family);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:0 20px;font-size:14px;font-weight:500}.dialog-cancel:hover{background:var(--patra-hover)}.topbar{height:var(--patra-topbar-height);background:var(--patra-bg);color:var(--patra-icon-grey);flex-shrink:0;align-items:center;padding:8px;display:flex;position:relative}.topbar-left{flex:none;align-items:center;width:248px;padding-right:16px;display:flex}.topbar-menu-button{margin:0 4px}.topbar-logo{height:48px;color:inherit;outline:none;align-items:center;gap:4px;padding:0 4px;text-decoration:none;display:flex}.topbar-logo:focus-visible{box-shadow:0 0 0 2px var(--patra-blue);border-radius:8px}.topbar-wordmark{font-family:var(--patra-font-display);color:#5f6368;letter-spacing:0;padding-left:2px;font-size:22px;line-height:24px}.topbar-icon-button{width:48px;height:48px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.topbar-icon-button:hover{background:#44474614}.topbar-icon-button:focus-visible,.topbar-icon-button:active,.topbar-icon-button.active{background:#4447461f}.topbar [data-tooltip]{position:relative}.topbar [data-tooltip]:after{content:attr(data-tooltip);z-index:60;color:#fff;font-family:var(--patra-font-family);letter-spacing:.2px;white-space:nowrap;pointer-events:none;opacity:0;background:#3c4043;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;transition:opacity .1s,transform .1s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)scale(.9)}.topbar [data-tooltip]:hover:after{opacity:.9;transition-delay:.5s;transform:translate(-50%)scale(1)}.topbar [data-tooltip].active:after,.topbar [data-tooltip][aria-expanded=true]:after{display:none}.topbar-center{flex:auto;align-items:center;min-width:0;display:flex}.topbar-search{background:var(--patra-search-bg);max-width:720px;height:48px;color:var(--patra-icon-grey);border-radius:24px;flex:auto;align-items:center;padding:0 4px;transition:background-color .1s,box-shadow .1s;display:flex}.topbar-search.focused{background:var(--patra-surface);box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.topbar-search-submit,.topbar-search-clear,.topbar-search-options{width:40px;height:40px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.topbar-search-submit:hover,.topbar-search-clear:hover,.topbar-search-options:hover{background:#44474614}.topbar-search-submit:focus-visible,.topbar-search-clear:focus-visible,.topbar-search-options:focus-visible{background:#4447461f}.topbar-search-input{min-width:0;height:100%;font-family:var(--patra-font-family);color:#1f1f1f;background:0 0;border:none;outline:none;flex:auto;padding:0 8px 0 4px;font-size:16px}.topbar-search-input::placeholder{color:#444746;opacity:1}.topbar-right{flex:none;align-items:center;gap:0;padding-left:16px;padding-right:4px;display:flex;position:relative}.topbar-avatar-wrap{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:48px;height:48px;margin-left:4px;padding:0;display:flex}.topbar-avatar-wrap:hover,.topbar-avatar-wrap.active,.topbar-avatar-wrap:focus-visible{background:#44474614}.topbar-avatar{color:#fff;width:32px;height:32px;font-family:var(--patra-font-display);text-align:center;-webkit-user-select:none;user-select:none;border-radius:50%;font-size:16px;font-weight:500;line-height:32px}.topbar-popover,.topbar-menu{z-index:50;font-family:var(--patra-font-family);color:#1f1f1f;animation:.12s ease-out topbar-pop;position:absolute;top:56px;right:8px}@keyframes topbar-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.topbar-popover{background:var(--patra-surface);border-radius:16px;box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.topbar-popover-title{font-family:var(--patra-font-display);color:#1f1f1f;padding:20px 24px 8px;font-size:16px;font-weight:500}.topbar-help{width:340px;max-height:calc(100vh - 80px);padding-bottom:12px;right:152px;overflow-y:auto}.topbar-shortcuts{margin:0;padding:0 8px;list-style:none}.topbar-shortcut{border-radius:8px;align-items:center;gap:16px;min-height:36px;padding:0 16px;font-size:14px;display:flex}.topbar-shortcut:hover{background:#f2f6fc}.topbar-shortcut-keys{flex-wrap:nowrap;flex:0 0 112px;align-items:center;gap:4px;display:flex}.topbar-shortcut-keys kbd{text-align:center;color:#1f1f1f;background:#f8fafd;border:1px solid #c4c7c5;border-bottom-width:2px;border-radius:6px;min-width:24px;padding:2px 8px;font-family:Roboto Mono,ui-monospace,Consolas,monospace;font-size:12px;line-height:18px;display:inline-block}.topbar-shortcut-or{color:#444746;margin:0 6px 0 2px;font-size:12px}.topbar-shortcut-label{color:#1f1f1f}.topbar-apps{background:#e9eef6;border-radius:28px;width:328px;padding:8px;right:56px}.topbar-apps-inner{background:var(--patra-surface);color:#444746;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.topbar-apps-empty{font-family:var(--patra-font-display);color:#1f1f1f;font-size:16px}.topbar-apps-hint{color:#444746;font-size:13px}.topbar-account{background:#e9eef6;border-radius:28px;flex-direction:column;align-items:center;width:410px;max-width:calc(100vw - 16px);padding:8px 16px 16px;display:flex;box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.topbar-account-header{justify-content:center;align-self:stretch;align-items:center;min-height:40px;padding:0 44px;display:flex;position:relative}.topbar-account-email{color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.topbar-account-close{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:2px;right:-4px}.topbar-account-close:hover{background:#44474614}.topbar-account-avatar{color:#fff;width:80px;height:80px;font-family:var(--patra-font-display);text-align:center;-webkit-user-select:none;user-select:none;border-radius:50%;margin-top:14px;font-size:40px;line-height:80px}.topbar-account-hi{font-family:var(--patra-font-display);color:#1f1f1f;text-align:center;word-break:break-word;margin:10px 0 14px;font-size:22px;line-height:28px}.topbar-menu-item{font-family:var(--patra-font-display);cursor:pointer}.topbar-account-manage{color:#0b57d0;letter-spacing:.1px;background:0 0;border:1px solid #747775;border-radius:18px;align-items:center;gap:8px;height:36px;margin-bottom:16px;padding:0 23px 0 19px;font-size:14px;font-weight:500;display:inline-flex}.topbar-account-manage:hover{background:#0b57d014}.topbar-account-list{border-radius:24px;flex-direction:column;align-self:stretch;gap:2px;display:flex;overflow:hidden}.topbar-account-row{background:var(--patra-surface);color:#1f1f1f;text-align:left;border:none;align-items:center;gap:16px;width:100%;height:56px;padding:0 28px;font-size:14px;font-weight:500;display:flex}.topbar-account-row svg{color:#444746}.topbar-account-row:hover{background:#f2f6fc}.topbar-mobile-only{display:none}@media (width<=768px){.topbar{padding:8px 12px}.topbar:before{content:"";background:var(--patra-search-bg);border-radius:28px;position:absolute;inset:8px 12px}.topbar-left,.topbar-center,.topbar-right{position:relative}.topbar-left{width:auto;padding-right:0}.topbar-menu-button{margin:0}.topbar-logo,.topbar-desktop-only,.topbar-search-options{display:none}.topbar-mobile-only{display:flex}.topbar-search{background:0 0;max-width:none;padding:0}.topbar-search.focused{box-shadow:none;background:0 0}.topbar-search-submit{display:none}.topbar-right{padding:0}.topbar-avatar-wrap{margin-left:0}.topbar-menu,.topbar-popover{position:fixed;top:64px;right:8px}.topbar [data-tooltip]:after{display:none}}.quick-settings{background:var(--patra-bg);width:300px;font-family:var(--patra-font-family);color:#1f1f1f;flex:0 0 300px;margin:0 8px 16px 0;padding:4px 8px 16px 16px;overflow-y:auto}.quick-settings-header{justify-content:space-between;align-items:center;height:48px;display:flex}.quick-settings-title{font-family:var(--patra-font-display);color:#1f1f1f;margin:0;font-size:18px;font-weight:400}.quick-settings-close{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quick-settings-close:hover{background:#44474614}.quick-settings-all{color:#0b57d0;width:100%;height:40px;font-family:var(--patra-font-display);letter-spacing:.1px;cursor:pointer;background:0 0;border:1px solid #747775;border-radius:20px;margin:8px 0 16px;font-size:14px;font-weight:500}.quick-settings-all:hover{background:#0b57d014}.quick-settings-section{border-top:1px solid #e1e3e1;padding:16px 0 8px}.quick-settings-section-title{font-family:var(--patra-font-display);color:#1f1f1f;margin:0 0 8px;font-size:14px;font-weight:500}.quick-settings-option{cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:0 4px;font-size:14px;display:flex}.quick-settings-option:hover{background:#4447460f}.quick-settings-option input,.settings-radio input{accent-color:#0b57d0;cursor:pointer;width:20px;height:20px;margin:0}.quick-settings-option-label{flex:1}.density-thumb{flex-shrink:0}.settings-scrim{z-index:200;background:#00000052;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out settings-fade;display:flex;position:fixed;inset:0}@keyframes settings-fade{0%{opacity:0}}.settings-dialog{background:var(--patra-surface);width:min(1080px,100%);height:min(760px,100%);font-family:var(--patra-font-family);color:#1f1f1f;border-radius:16px;outline:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.settings-header{justify-content:space-between;align-items:center;padding:16px 16px 0 24px;display:flex}.settings-title{font-family:var(--patra-font-display);color:#1f1f1f;margin:0;font-size:22px;font-weight:400;line-height:28px}.settings-close{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-close:hover{background:#44474614}.settings-tabs{border-bottom:1px solid #e1e3e1;gap:4px;padding:8px 16px 0;display:flex}.settings-tab{color:#444746;height:40px;font-family:var(--patra-font-display);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:14px;font-weight:500;position:relative}.settings-tab.active{color:#0b57d0}.settings-tab.active:after{content:"";background:#0b57d0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:4px;right:4px}.settings-body{flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}.settings-row{border-bottom:1px solid #e1e3e1;gap:24px;padding:20px 0;font-size:14px;display:flex}.settings-row-label{color:#1f1f1f;flex:0 0 220px;font-weight:500}.settings-row-help{color:#444746;margin-top:4px;font-size:12px;font-weight:400;line-height:16px}.settings-row-control{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.settings-radio{cursor:pointer;align-items:center;gap:12px;display:flex}.settings-signature{border:1px solid #c4c7c5;border-radius:8px;max-width:640px;overflow:hidden}.settings-signature:focus-within{border-color:#0b57d0;box-shadow:inset 0 0 0 1px #0b57d0}.settings-signature-editor{color:#222;outline:none;min-height:140px;max-height:320px;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;overflow-y:auto}.settings-signature-editor:empty:before{content:attr(data-placeholder);color:#747775}.settings-signature-toolbar{background:#f8fafd;border-top:1px solid #e1e3e1;gap:2px;padding:4px 8px;display:flex}.settings-signature-toolbar button{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px;font-family:Georgia,serif;font-size:15px}.settings-signature-toolbar button:hover{background:#44474614}.settings-error{color:var(--patra-error);margin:16px 0 0;font-size:13px}.settings-actions{justify-content:center;gap:8px;padding-top:24px;display:flex}.settings-save,.settings-cancel{height:40px;font-family:var(--patra-font-display);letter-spacing:.1px;cursor:pointer;border-radius:20px;padding:0 24px;font-size:14px;font-weight:500}.settings-save{color:#fff;background:#0b57d0;border:none}.settings-save:hover{background:#0a4fbf;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.settings-save:disabled{color:#1f1f1f61;box-shadow:none;cursor:default;background:#1f1f1f1f}.settings-cancel{color:#0b57d0;background:0 0;border:1px solid #747775}.settings-cancel:hover{background:#0b57d014}@media (width<=768px){.quick-settings{top:var(--patra-topbar-height);z-index:40;width:min(320px,100vw);margin:0;position:fixed;bottom:0;right:0;box-shadow:-2px 0 8px #00000026}.settings-scrim{padding:0}.settings-dialog{border-radius:0;width:100%;height:100%}.settings-row{flex-direction:column;gap:12px}.settings-row-label{flex:none}}.app-shell{background:var(--patra-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell[data-density=default],.app-shell[data-density=comfortable]{--patra-row-height:40px}.app-shell[data-density=compact]{--patra-row-height:32px;--patra-sidebar-item-height:28px}.reconnect-banner{text-align:center;background:var(--patra-reconnect-bg);color:var(--patra-reconnect-text);flex-shrink:0;padding:8px 16px;font-size:13px}.app-shell-body{flex:1;min-height:0;display:flex}.app-shell-sidebar{flex:0 0 var(--patra-sidebar-width);width:var(--patra-sidebar-width);box-sizing:border-box;padding:0 0 8px;transition:flex-basis .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.app-shell[data-sidebar=collapsed] .app-shell-sidebar{flex-basis:var(--patra-sidebar-rail-width);width:var(--patra-sidebar-rail-width)}.app-shell-card{background:var(--patra-surface);border-radius:var(--patra-surface-radius);flex-direction:column;flex:1;min-width:0;margin:0 16px 16px 0;display:flex;overflow:hidden}.app-shell-card-content{flex:1;min-height:0}.app-shell-placeholder{height:100%}.thread-list-search-header{border-bottom:1px solid var(--patra-border-light);height:48px;color:var(--patra-text-primary);flex-shrink:0;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.thread-list-search-back{width:32px;height:32px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.thread-list-search-back:hover{background:var(--patra-hover)}.thread-list-search-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.app-shell-sidebar{top:var(--patra-topbar-height);z-index:30;background:var(--patra-surface);width:280px;transition:transform .2s ease-out;position:fixed;bottom:0;left:0;transform:translate(-100%)}.app-shell-sidebar.open{transform:translate(0);box-shadow:2px 0 8px #00000026}.app-shell-scrim{top:var(--patra-topbar-height);z-index:25;background:#00000059;position:fixed;bottom:0;left:0;right:0}.app-shell-sidebar,.app-shell[data-sidebar=collapsed] .app-shell-sidebar{width:280px;padding-top:8px}.app-shell-card{border-radius:0;margin:0}}.sidebar{height:100%;font-family:var(--patra-font-family);flex-direction:column;display:flex}.sidebar-compose{background:var(--patra-compose-bg);color:#001d35;min-width:96px;height:56px;font-family:var(--patra-font-display);letter-spacing:.25px;cursor:pointer;border:none;border-radius:16px;align-self:flex-start;align-items:center;gap:12px;margin:0 0 16px 8px;padding:0 24px 0 16px;font-size:14px;font-weight:500;line-height:20px;transition:box-shadow 80ms linear,background-color 80ms linear;display:inline-flex}.sidebar-compose:hover{background-color:#b5dcf6;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.sidebar-compose:focus-visible{outline:2px solid var(--patra-blue);outline-offset:2px}.sidebar-compose svg{flex-shrink:0}.sidebar-rows{flex-direction:column;display:flex}.sidebar-row{width:calc(100% - 16px);height:var(--patra-sidebar-item-height);color:#202124;font-family:var(--patra-font-family);letter-spacing:.2px;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0 16px 16px 0;align-items:center;padding:0 12px 0 26px;font-size:14px;font-weight:400;line-height:20px;display:flex}.sidebar-row.indent{padding-left:42px}.sidebar-row:hover{background:var(--patra-hover)}.sidebar-row:focus-visible{outline:2px solid var(--patra-blue);outline-offset:-2px}.sidebar-row.active{background:var(--patra-sidebar-active-bg);color:#001d35;font-weight:700}.sidebar-row.has-unread{font-weight:700}.sidebar-row-icon{width:20px;height:20px;color:var(--patra-icon-grey);flex-shrink:0;justify-content:center;align-items:center;margin-right:18px;display:flex}.sidebar-row.active .sidebar-row-icon{color:#001d35}.sidebar-row-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sidebar-row-count{letter-spacing:.3px;flex-shrink:0;margin-left:8px;font-size:12px;font-weight:400}.sidebar-row.has-unread .sidebar-row-count{font-weight:700}.sidebar-labels-section{flex-direction:column;margin-top:16px;padding-bottom:16px;display:flex}.sidebar-labels-header{justify-content:space-between;align-items:center;width:calc(100% - 16px);height:40px;padding:0 12px 0 26px;display:flex}.sidebar-labels-title{color:#1f1f1f;font-family:var(--patra-font-display);letter-spacing:.1px;font-size:16px;font-weight:500}.sidebar-labels-add{width:32px;height:32px;color:var(--patra-icon-grey);cursor:default;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:-6px;padding:0;display:flex}.sidebar-labels-add:not(:disabled){cursor:pointer}.sidebar-labels-add:not(:disabled):hover{background:#44474614}@media (width>=769px){.app-shell[data-sidebar=collapsed] .sidebar{align-items:center}.app-shell[data-sidebar=collapsed] .sidebar-compose{justify-content:center;align-self:center;gap:0;width:56px;min-width:56px;margin:0 0 16px;padding:0}.app-shell[data-sidebar=collapsed] .sidebar-compose-label,.app-shell[data-sidebar=collapsed] .sidebar-row-label,.app-shell[data-sidebar=collapsed] .sidebar-row-count,.app-shell[data-sidebar=collapsed] .sidebar-labels-title{display:none}.app-shell[data-sidebar=collapsed] .sidebar-rows,.app-shell[data-sidebar=collapsed] .sidebar-labels-section{align-items:center;width:100%}.app-shell[data-sidebar=collapsed] .sidebar-row,.app-shell[data-sidebar=collapsed] .sidebar-row.indent{border-radius:16px;justify-content:center;width:56px;padding:0}.app-shell[data-sidebar=collapsed] .sidebar-row-icon{margin-right:0}.app-shell[data-sidebar=collapsed] .sidebar-labels-header{justify-content:center;width:56px;padding:0}.app-shell[data-sidebar=collapsed] .sidebar-labels-add{margin-right:0}}@media (width<=768px){.sidebar-compose{margin-top:8px}.sidebar-row{border-radius:0 22px 22px 0;height:44px}}.thread-list{height:100%;font-family:var(--patra-font-family);flex-direction:column;display:flex}.thread-list-toolbar{z-index:3;flex-shrink:0;align-items:center;gap:0;height:48px;padding:0 16px 0 8px;display:flex;position:relative}.thread-list-select{border-radius:4px;align-items:center;height:40px;margin-right:4px;padding:0 0 0 6px;display:flex}.thread-list-select:hover{background:#2021240f}.thread-list-select-all{cursor:pointer;justify-content:center;align-items:center;width:24px;height:40px;display:flex}.thread-list-select-caret{width:20px;height:40px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.thread-list-select-caret svg{width:20px;height:20px}.thread-list-toolbar-actions{align-items:center;gap:0;display:flex}.thread-list-icon-button{width:40px;height:40px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.thread-list-icon-button:hover:not(:disabled){background:#44474614}.thread-list-icon-button:active:not(:disabled){background:#4447461f}.thread-list-icon-button:disabled{color:#44474661;cursor:default}.thread-list-text-button{height:36px;color:var(--patra-text-primary);font-family:var(--patra-font-display);letter-spacing:.25px;cursor:pointer;background:0 0;border:none;border-radius:18px;margin:0 4px;padding:0 12px;font-size:14px;font-weight:500}.thread-list-text-button:hover{background:#44474614}.thread-list-toolbar-divider{background:#c4c7c5;width:1px;height:20px;margin:0 8px}.thread-list-toolbar-spacer{flex:1}.thread-list-mobile-title{display:none}.thread-list-pager{align-items:center;gap:0;display:flex}.thread-list-pager-label{color:var(--patra-text-secondary);letter-spacing:.3px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:8px;font-size:12px}.thread-list-menu-anchor{display:inline-flex;position:relative}.thread-list-menu{z-index:50;background:var(--patra-surface);border-radius:4px;min-width:128px;padding:6px 0;position:absolute;top:100%;left:0;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.thread-list-menu-item{width:100%;height:32px;color:var(--patra-text-primary);font-family:var(--patra-font-family);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0 24px 0 16px;font-size:14px;display:block}.thread-list-menu-item:hover,.thread-list-menu-item:focus-visible{background:#2021240f;outline:none}.patra-checkbox{appearance:none;border:2px solid var(--patra-icon-grey);cursor:pointer;opacity:.6;background:50%/14px 14px no-repeat;border-radius:2px;flex-shrink:0;width:18px;height:18px;margin:0;display:block}.patra-checkbox:checked,.patra-checkbox:indeterminate{border-color:var(--patra-icon-grey);background-color:var(--patra-icon-grey);opacity:1}.patra-checkbox:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.patra-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M5 11h14v2H5z'/%3E%3C/svg%3E")}.thread-list-select:hover .patra-checkbox,.thread-row:hover .patra-checkbox{opacity:1}.thread-list-empty{color:var(--patra-text-primary);text-align:center;padding:20px 24px;font-size:14px;line-height:20px}.thread-list-loading{flex:1}.thread-list-rows{flex:1;padding-bottom:2px;overflow-y:auto}.thread-row{--row-bg:var(--patra-row-read-bg);background:var(--row-bg);color:var(--patra-text-primary);letter-spacing:.2px;cursor:pointer;grid-template:"check star from main date"40px/34px 30px 200px minmax(0,1fr) auto;align-items:center;padding:0 16px 0 10px;font-size:14px;line-height:20px;display:grid;position:relative;box-shadow:inset 0 -1px #64798f1f}.thread-row.unread{--row-bg:var(--patra-row-unread-bg)}.thread-row.selected{--row-bg:var(--patra-selected-row-bg)}.thread-row:hover{z-index:2;box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.thread-row.has-chips{grid-template-rows:40px auto;grid-template-areas:"check star from main date"". . .chips.";padding-bottom:8px}.thread-row-checkbox{cursor:pointer;grid-area:check;justify-content:center;align-items:center;width:34px;height:40px;display:flex}.thread-row-star{width:30px;height:40px;color:var(--patra-icon-grey);opacity:.55;cursor:pointer;background:0 0;border:none;grid-area:star;justify-content:center;align-items:center;padding:0;display:flex}.thread-row:hover .thread-row-star{opacity:1}.thread-row-star.starred{color:#f4b400;opacity:1}.thread-row-avatar{display:none}.thread-row-from{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--patra-row-read-weight);grid-area:from;padding-right:32px;display:block;overflow:hidden}.thread-row-from-part.unread{font-weight:var(--patra-row-unread-weight)}.thread-row-from-part.draft{color:#d93025}.thread-row-count{color:var(--patra-text-secondary);margin-left:4px;font-size:12px;font-weight:400}.thread-row-subject-preview{text-overflow:ellipsis;white-space:nowrap;grid-area:main;min-width:0;display:block;overflow:hidden}.thread-row-subject{font-weight:var(--patra-row-read-weight)}.thread-row.unread .thread-row-subject{font-weight:var(--patra-row-unread-weight)}.thread-row-separator,.thread-row-preview{color:var(--patra-text-secondary);font-weight:400}.thread-row-chips{grid-area:chips;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.thread-row-chip{background:var(--patra-surface);min-width:0;max-width:200px;height:32px;color:var(--patra-text-primary);letter-spacing:.25px;border:1px solid #dadce0;border-radius:16px;flex-shrink:1;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:14px;font-weight:500;display:inline-flex}.thread-row-chip:hover{background:#f1f3f4}.thread-row-chip-icon{flex-shrink:0}.thread-row-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-row-chip-more{flex-shrink:0;padding:0 12px}.thread-row-date{min-width:56px;color:var(--patra-text-secondary);font-size:12px;font-weight:var(--patra-row-read-weight);letter-spacing:.3px;white-space:nowrap;grid-area:date;justify-content:flex-end;align-items:center;gap:6px;padding-left:16px;display:flex}.thread-row.unread .thread-row-date{color:var(--patra-text-primary);font-weight:var(--patra-row-unread-weight)}.thread-row-attachment{color:var(--patra-text-secondary);align-items:center;display:flex}.thread-row.has-chips .thread-row-attachment{display:none}.app-shell[data-density=comfortable] .thread-row.has-chips .thread-row-attachment,.app-shell[data-density=compact] .thread-row.has-chips .thread-row-attachment{display:flex}.thread-row-hover-actions{background:var(--row-bg);align-items:center;gap:0;height:40px;padding-left:12px;display:none;position:absolute;top:0;right:8px}.thread-row:hover .thread-row-hover-actions{display:flex}.thread-row:hover .thread-row-date{visibility:hidden}.thread-row-hover-actions button{width:40px;height:40px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.thread-row-hover-actions button:hover{background:#44474614}.app-shell[data-density=comfortable] .thread-row-chips,.app-shell[data-density=compact] .thread-row-chips{display:none}.app-shell[data-density=comfortable] .thread-row.has-chips,.app-shell[data-density=compact] .thread-row.has-chips{grid-template-rows:40px;grid-template-areas:"check star from main date";padding-bottom:0}.app-shell[data-density=compact] .thread-row,.app-shell[data-density=compact] .thread-row.has-chips{grid-template-rows:32px}.app-shell[data-density=compact] .thread-row-checkbox,.app-shell[data-density=compact] .thread-row-star,.app-shell[data-density=compact] .thread-row-hover-actions,.app-shell[data-density=compact] .thread-row-hover-actions button{height:32px}.app-shell[data-density=compact] .thread-row-hover-actions button{width:32px}@media (width<=768px){.thread-list-toolbar{height:44px;padding:0 4px 0 16px}.thread-list-select,.thread-list-refresh,.thread-list-toolbar .thread-list-menu-anchor{display:none}.thread-list-mobile-title{text-overflow:ellipsis;white-space:nowrap;color:var(--patra-text-secondary);font-family:var(--patra-font-display);letter-spacing:.25px;font-size:14px;font-weight:500;display:block;overflow:hidden}.thread-list-pager-label{margin-right:0}.thread-list:not(.has-selection) .thread-list-toolbar-actions,.thread-list.has-selection .thread-list-pager,.thread-list-toolbar-divider{display:none}.thread-row,.thread-row.has-chips,.app-shell[data-density] .thread-row,.app-shell[data-density] .thread-row.has-chips{--row-bg:var(--patra-surface);box-shadow:none;grid-template:"avatar from date"20px"avatar main star"20px"avatar main star"20px/40px minmax(0,1fr) auto;gap:0 12px;padding:10px 16px}.thread-row.selected{--row-bg:var(--patra-selected-row-bg)}.thread-row:hover{box-shadow:none}.thread-row-checkbox,.thread-row-hover-actions,.thread-row:hover .thread-row-hover-actions,.thread-row-chips{display:none}.thread-row:hover .thread-row-date{visibility:visible}.thread-row-avatar{background:var(--patra-blue);color:#fff;width:40px;height:40px;font-family:var(--patra-font-display);-webkit-user-select:none;user-select:none;border-radius:50%;grid-area:avatar;justify-content:center;align-self:start;align-items:center;font-size:18px;font-weight:500;display:flex}.thread-row-from{padding-right:8px;font-size:16px;line-height:20px}.thread-row-date{min-width:0;padding-left:8px}.thread-row-subject-preview{white-space:normal;flex-direction:column;align-self:start;display:flex}.thread-row-subject,.thread-row-preview{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.thread-row-separator{display:none}.thread-row-star{place-self:end;width:32px;height:32px;margin-right:-6px}}.thread-row.kbd-cursor{box-shadow:inset 4px 0 0 var(--patra-blue)}.list-footer{font-family:var(--patra-font-family);color:#5f6368;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;padding:20px 24px 28px;font-size:12px;display:grid}.list-footer-storage{flex-direction:column;gap:6px;display:flex}.list-footer-bar{background:#e1e3e1;border-radius:2px;width:120px;height:4px;display:block;overflow:hidden}.list-footer-bar>span{background:var(--patra-blue);border-radius:2px;height:100%;display:block}.list-footer-center{text-align:center}@media (width<=768px){.list-footer{display:none}}.message-card{font-family:var(--patra-font-family);border-bottom:1px solid var(--patra-border-color);padding:0 16px;position:relative}.message-card:last-child{border-bottom:none}.message-avatar{color:#fff;width:40px;height:40px;font-family:var(--patra-font-display);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:400;display:flex}.message-card.collapsed{cursor:pointer;align-items:center;gap:16px;min-height:64px;padding-top:12px;padding-bottom:12px;display:flex}.message-card.collapsed:hover{background:#f8fafd}.message-card.collapsed:focus-visible{outline:2px solid var(--patra-blue);outline-offset:-2px}.message-collapsed-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.message-collapsed-from{text-overflow:ellipsis;white-space:nowrap;font-family:var(--patra-font-display);color:#1f1f1f;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.message-card.collapsed.unread .message-collapsed-from{font-weight:700}.message-collapsed-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--patra-text-secondary);font-size:14px;line-height:20px;overflow:hidden}.message-collapsed-date{color:var(--patra-text-secondary);flex:none;align-self:flex-start;margin-top:2px;font-size:12px;line-height:16px}.message-card.expanded{padding-top:16px;padding-bottom:20px}.message-header{align-items:flex-start;gap:16px;display:flex}.message-header.collapsible{cursor:pointer}.message-header-text{cursor:default;flex:auto;min-width:0}.message-from-line{flex-wrap:wrap;align-items:baseline;gap:4px;line-height:20px;display:flex}.message-from-name{font-family:var(--patra-font-display);color:#1f1f1f;font-size:14px;font-weight:700}.message-from-email{color:var(--patra-text-secondary);font-size:12px}.message-to-line{line-height:20px;position:relative}.message-to-toggle{max-width:100%;font-family:var(--patra-font-family);color:var(--patra-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:12px;display:inline-flex}.message-to-toggle:hover{color:var(--patra-text-primary)}.message-to-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-to-toggle svg{flex-shrink:0;margin-left:-2px}.message-details-popover{z-index:10;background:var(--patra-surface);cursor:default;border-radius:4px;min-width:320px;max-width:min(560px,100vw - 48px);padding:12px 16px;position:absolute;top:22px;left:0;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.message-details-popover table{border-collapse:collapse;color:var(--patra-text-primary);font-size:12px}.message-details-popover td{vertical-align:top;overflow-wrap:anywhere;padding:3px 0}.message-details-label{color:var(--patra-text-secondary);text-align:right;white-space:nowrap;padding-right:12px!important}.message-header-right{cursor:default;flex:none;align-items:center;margin-top:-6px;display:flex}.message-date{color:var(--patra-text-secondary);white-space:nowrap;margin-right:8px;font-size:12px}.message-date-short{display:none}.message-icon-btn{width:32px;height:32px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.message-icon-btn svg{width:20px;height:20px}.message-icon-btn:hover{background:#44474614}.message-icon-btn:focus-visible{outline:2px solid var(--patra-blue);outline-offset:-2px}.message-star.starred{color:#f4b400}.message-menu-wrap{position:relative}.message-menu{z-index:20;background:var(--patra-surface);border-radius:4px;min-width:180px;padding:8px 0;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.message-menu-item{width:100%;height:32px;font-family:var(--patra-font-family);color:var(--patra-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.message-menu-item:hover{background:#1f1f1f14}.message-menu-icon{color:var(--patra-icon-grey);display:flex}.message-menu-icon svg{width:20px;height:20px}.message-image-banner{color:var(--patra-text-secondary);background:var(--patra-bg);border-radius:4px;margin:12px 0 0 56px;padding:8px 12px;font-size:12px}.message-image-banner-link{color:var(--patra-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.mail-body-container{margin:16px 0 0 56px}.mail-body{contain:content;color:#222;overflow-wrap:break-word;max-width:100%;font-size:14px;line-height:1.5;overflow-x:auto}.mail-body img{max-width:100%;height:auto}.mail-body-text{white-space:pre-wrap;font-family:var(--patra-font-family)}.message-attachments{border-top:1px solid var(--patra-border-color);margin:20px 0 0 56px;padding-top:16px}.message-attachments-heading{font-family:var(--patra-font-display);color:#1f1f1f;margin-bottom:12px;font-size:14px;font-weight:500}.message-attachments-grid{flex-wrap:wrap;gap:12px;display:flex}.attachment-card{border:1px solid var(--patra-border-light);cursor:pointer;background:#f8f9fa;border-radius:8px;flex-direction:column;width:180px;height:120px;display:flex;position:relative;overflow:hidden}.attachment-card:focus-visible{outline:2px solid var(--patra-blue);outline-offset:1px}.attachment-thumb{object-fit:cover;width:100%;height:100%;display:block}.attachment-preview{flex:1;justify-content:center;align-items:center;display:flex}.attachment-footer{background:var(--patra-surface);border-top:1px solid var(--patra-border-light);align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.attachment-footer-name{text-overflow:ellipsis;white-space:nowrap;color:#1f1f1f;font-size:13px;font-weight:500;overflow:hidden}.file-kind-badge{color:#fff;font-family:var(--patra-font-display);letter-spacing:.3px;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.attachment-overlay{color:#fff;opacity:0;background:#0009;flex-direction:column;padding:10px 12px;transition:opacity .12s ease-in;display:flex;position:absolute;inset:0}.attachment-card:hover .attachment-overlay,.attachment-card:focus-within .attachment-overlay{opacity:1}.attachment-overlay-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.attachment-overlay-size{color:#fffc;margin-top:2px;font-size:12px}.attachment-download{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:36px;height:36px;margin-top:auto;padding:0;display:flex}.attachment-download:hover{background:#fff3}@media (width<=768px){.message-header,.message-card.collapsed{gap:12px}.message-date-full{display:none}.message-date-short{display:inline}.message-from-email{display:none}.message-image-banner,.mail-body-container,.message-attachments{margin-left:0}.attachment-card{width:calc(50% - 6px);max-width:180px}}.thread-view{height:100%;font-family:var(--patra-font-family);color:var(--patra-text-primary);flex-direction:column;display:flex;overflow-y:auto}.thread-view-toolbar{z-index:5;background:var(--patra-surface);flex-shrink:0;align-items:center;min-height:48px;padding:4px 8px 4px 12px;display:flex;position:sticky;top:0}.thread-view-group{align-items:center;margin-left:12px;display:flex}.thread-view-toolbar button,.thread-view-icon-btn{width:40px;height:40px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.thread-view-toolbar button:hover:not(:disabled),.thread-view-icon-btn:hover{background:#44474614}.thread-view-toolbar button:focus-visible,.thread-view-icon-btn:focus-visible{outline:2px solid var(--patra-blue);outline-offset:-2px}.thread-view-toolbar button:disabled{opacity:.38;cursor:default}.thread-view-toolbar button[data-tooltip]:hover:not(:disabled):after{content:attr(data-tooltip);z-index:20;color:#fff;font-family:var(--patra-font-family);white-space:nowrap;pointer-events:none;background:#3c4043;border-radius:4px;padding:4px 8px;font-size:12px;line-height:16px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.thread-view-toolbar .tv-menu-wrap>button[aria-expanded=true]:after{display:none}.thread-view-back{margin-right:0}.thread-view-spacer{flex:1}.thread-view-nav{align-items:center;display:flex}.thread-view-position{color:var(--patra-text-secondary);white-space:nowrap;margin-right:8px;font-size:12px;line-height:16px}.tv-menu-wrap{position:relative}.tv-menu{z-index:30;background:var(--patra-surface);border-radius:4px;min-width:200px;padding:8px 0;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.tv-menu-picker{width:240px;padding-top:12px}.tv-menu-title{color:var(--patra-text-primary);padding:0 16px 6px;font-size:14px}.tv-menu-filter{border:none;border-bottom:1px solid var(--patra-border-light);width:calc(100% - 32px);font-family:var(--patra-font-family);outline:none;margin:0 16px 8px;padding:4px 0;font-size:14px;display:block}.tv-menu-filter:focus{border-bottom:2px solid var(--patra-blue);padding-bottom:3px}.tv-menu-list{max-height:300px;overflow-y:auto}.thread-view-toolbar .tv-menu .tv-menu-item{width:100%;height:32px;font-family:var(--patra-font-family);color:var(--patra-text-primary);text-align:left;white-space:nowrap;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.thread-view-toolbar .tv-menu .tv-menu-item:hover{background:#1f1f1f14}.tv-menu-icon{color:var(--patra-icon-grey);display:flex}.tv-menu-empty{color:var(--patra-text-secondary);padding:6px 16px;font-size:13px}.tv-checkbox{border:2px solid var(--patra-icon-grey);color:#fff;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.tv-checkbox.checked{border-color:var(--patra-blue);background:var(--patra-blue)}.tv-mobile-only{display:none!important}.thread-view-subject-row{align-items:flex-start;gap:8px;padding:12px 16px 8px 72px;display:flex}.thread-view-subject{min-width:0;font-family:var(--patra-font-display);color:#1f1f1f;overflow-wrap:anywhere;flex:1;margin:0;font-size:22px;font-weight:400;line-height:28px}.thread-view-subject-text{margin-right:8px}.thread-view-chip{background:var(--patra-chip-bg);font-family:var(--patra-font-family);color:#444746;vertical-align:4px;white-space:nowrap;border-radius:4px;margin-right:6px;padding:0 6px;font-size:12px;line-height:18px;display:inline-block}.thread-view-subject-actions{flex-shrink:0;display:flex}.thread-view-messages{flex-direction:column;display:flex}.thread-view-older{cursor:pointer;background:0 0;border:none;width:100%;height:26px;margin:6px 0;padding:0;display:block;position:relative}.thread-view-older-lines{border-top:1px solid var(--patra-border-color);border-bottom:1px solid var(--patra-border-color);height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.thread-view-older-count{border:1px solid var(--patra-border-light);background:var(--patra-surface);width:40px;height:40px;font-family:var(--patra-font-display);color:var(--patra-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.thread-view-older:hover .thread-view-older-count{background:#f2f2f2}.thread-view-older:focus-visible .thread-view-older-count{outline:2px solid var(--patra-blue)}.thread-view-reply-bar{flex-wrap:wrap;gap:12px;padding:16px 16px 32px 72px;display:flex}.thread-view-pill{background:var(--patra-surface);color:#444746;height:36px;font-family:var(--patra-font-display);letter-spacing:.1px;cursor:pointer;border:1px solid #747775;border-radius:18px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:14px;font-weight:500;display:inline-flex}.thread-view-pill:hover{background:#44474614}.thread-view-pill svg{width:20px;height:20px}@media (width<=768px){.thread-view{z-index:15;background:var(--patra-surface);animation:.2s ease-out thread-view-slide-in;position:fixed;inset:0}@keyframes thread-view-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.thread-view-toolbar{min-height:56px;padding:4px}.thread-view-toolbar .thread-view-back{margin-right:auto}.thread-view-group{order:1;margin-left:0}.thread-view-toolbar>.tv-menu-wrap{order:2}.thread-view-toolbar>.tv-menu-wrap .tv-menu{left:auto;right:0}.thread-view-spacer,.tv-desktop-only{display:none!important}.tv-mobile-only{display:flex!important}.thread-view-toolbar button[data-tooltip]:hover:after{display:none}.thread-view-subject-row{padding:8px 16px 12px}.thread-view-older-count{left:16px}.thread-view-reply-bar{padding:12px 16px 24px}.thread-view-pill{flex:1;justify-content:center;padding:0 12px}}@media print{body *{visibility:hidden}.thread-view,.thread-view *{visibility:visible}.thread-view{width:100%;height:auto;position:absolute;inset:0 auto auto 0;overflow:visible}.thread-view-toolbar,.thread-view-subject-actions,.thread-view-reply-bar,.message-header-right button,.message-menu-wrap{display:none!important}}.recipient-row{border-bottom:1px solid var(--patra-compose-line,#eceff1);min-height:40px;font-family:var(--patra-font-family);color:var(--patra-text-primary);cursor:text;align-items:center;margin:0 16px;padding:4px 0;font-size:14px;display:flex;position:relative}.recipient-label{color:var(--patra-icon-grey);cursor:text;flex-shrink:0;padding-right:8px;font-size:14px;line-height:20px}.recipient-row.collapsed .recipient-label{display:none}.recipient-field{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.recipient-input.compose-field-input,.recipient-input{min-width:80px;height:28px;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px}.recipient-input::placeholder{color:var(--patra-text-secondary)}.recipient-chip{border:1px solid var(--patra-border-light);background:var(--patra-surface);max-width:100%;height:24px;color:var(--patra-text-primary);cursor:default;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;padding:0 2px 0 0;font-size:14px;line-height:22px;display:inline-flex}.recipient-chip:hover{background:var(--patra-chip-bg)}.recipient-chip.armed{border-color:var(--patra-blue);background:var(--patra-blue-light)}.recipient-chip-avatar{color:#fff;width:22px;height:22px;font-family:var(--patra-font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;font-size:12px;font-weight:500;display:inline-flex}.recipient-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipient-chip-remove{width:20px;height:20px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.recipient-chip-remove:hover{background:#4447461f}.recipient-chip.invalid{border-color:var(--patra-error);color:var(--patra-error);background:#fce8e6}.recipient-chip.invalid .recipient-chip-remove{color:var(--patra-error)}.recipient-suggestions{z-index:30;background:var(--patra-surface);border-radius:8px;min-width:320px;max-width:100%;margin:0;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.recipient-suggestion{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:4px 16px;display:flex}.recipient-suggestion.active{background:#e8eaed}.recipient-suggestion-avatar{color:#fff;width:32px;height:32px;font-family:var(--patra-font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.recipient-suggestion-text{flex-direction:column;min-width:0;line-height:20px;display:flex}.recipient-suggestion-name{color:var(--patra-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.recipient-suggestion-email{color:var(--patra-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recipient-suggestion-name+.recipient-suggestion-email{font-size:12px}@media (width<=768px){.recipient-suggestions{border-radius:0 0 8px 8px;min-width:0;max-width:none;left:-16px;right:-16px}}.compose-card{--patra-compose-line:#eceff1;z-index:20;background:var(--patra-surface);width:540px;max-width:calc(100vw - 32px);height:min(580px,100vh - 80px);font-family:var(--patra-font-family);color:var(--patra-text-primary);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;right:16px;overflow:hidden;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.compose-card.drag-over:after{content:"Drop files here";border:2px dashed var(--patra-blue);color:var(--patra-blue);font-family:var(--patra-font-display);pointer-events:none;background:#d3e3fdd9;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex;position:absolute;inset:40px 0 0}.compose-header{background:var(--patra-compose-header-bg);color:#1f1f1f;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:40px;padding:0 8px 0 16px;display:flex}.compose-card.minimized .compose-header{cursor:pointer}.compose-header-title{min-width:0;font-family:var(--patra-font-display);letter-spacing:.25px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.compose-header-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex}.compose-header-btn{width:28px;height:28px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.compose-header-btn svg{width:18px;height:18px}.compose-header-btn:hover{background:#44474614}.compose-card.minimized{width:260px;height:40px;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.compose-card.minimized .compose-body-wrap{display:none}.compose-backdrop{z-index:150;background:#00000080;position:fixed;inset:0}.compose-card.fullscreen{z-index:151;border-radius:16px;width:min(100vw - 160px,1200px);max-width:none;height:calc(100vh - 80px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.compose-body-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.compose-recipients{flex-shrink:0}.compose-from-row{display:none}.compose-cc-links{flex-shrink:0;align-self:flex-start;align-items:center;gap:2px;margin-left:8px;padding-top:6px;display:flex}.compose-cc-toggle,.compose-bcc-toggle{color:var(--patra-text-primary);font-family:var(--patra-font-family);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;line-height:20px}.compose-cc-toggle:hover,.compose-bcc-toggle:hover{text-decoration:underline}.compose-subject-row{border-bottom:1px solid var(--patra-compose-line);flex-shrink:0;align-items:center;min-height:40px;margin:0 16px;display:flex}.compose-subject-input{min-width:0;height:38px;font-family:var(--patra-font-family);color:var(--patra-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.compose-subject-input::placeholder{color:var(--patra-text-secondary)}.compose-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.compose-body-editable{color:#222;word-wrap:break-word;overflow-wrap:anywhere;outline:none;flex:1;min-height:120px;padding:12px 16px;font-family:Arial,Helvetica,sans-serif;font-size:small;line-height:1.4}.compose-body-editable a{color:#15c}.compose-body-editable blockquote{border-left:1px solid #ccc;margin:0 0 0 .8ex;padding-left:1ex}.compose-body-editable .patra-signature{color:#5f6368}.compose-attachments{flex-direction:column;gap:6px;padding:0 16px 12px;display:flex}.compose-attachment-chip{background:var(--patra-chip-bg);color:#15c;border-radius:4px;align-items:center;gap:6px;max-width:440px;height:32px;padding:0 4px 0 10px;font-size:13px;font-weight:700;display:flex}.compose-attachment-chip.error{color:var(--patra-error);background:#fce8e6}.compose-attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.compose-attachment-size{color:var(--patra-text-secondary);flex-shrink:0;font-weight:400}.compose-attachment-error{flex-shrink:0;font-weight:400}.compose-attachment-remove{width:24px;height:24px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.compose-attachment-remove svg{width:16px;height:16px}.compose-attachment-remove:hover{background:#4447461f}.compose-attachment-spinner{border:2px solid var(--patra-border-light);border-top-color:var(--patra-blue);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite compose-spin}@keyframes compose-spin{to{transform:rotate(360deg)}}.compose-format-bar{background:var(--patra-surface);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;margin:0 16px;padding:4px 8px;display:flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.compose-format-btn{width:32px;height:32px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.compose-format-btn:hover{background:#44474614}.compose-format-divider{background:var(--patra-border-light);width:1px;height:20px;margin:0 4px}.compose-toolbar{flex-shrink:0;align-items:center;gap:4px;padding:12px 16px 14px;display:flex}.compose-send-group{margin-right:8px;display:inline-flex;position:relative}.compose-send{background:var(--patra-blue);color:#fff;height:36px;font-family:var(--patra-font-display);letter-spacing:.25px;cursor:pointer;border:none;border-radius:18px 0 0 18px;padding:0 16px 0 24px;font-size:14px;font-weight:500}.compose-send-more{background:var(--patra-blue);color:#fff;cursor:pointer;border:none;border-left:1px solid #ffffff80;border-radius:0 18px 18px 0;justify-content:center;align-items:center;width:28px;height:36px;padding:0 4px 0 0;display:inline-flex}.compose-send:hover:not(:disabled),.compose-send-more:hover:not(:disabled){background:#0a4cb8;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.compose-send:disabled,.compose-send-more:disabled{opacity:.6;cursor:default}.compose-send-menu{z-index:30;background:var(--patra-surface);border-radius:4px;min-width:200px;padding:8px 0;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.compose-send-menu-item{width:100%;height:40px;color:var(--patra-text-primary);font-family:var(--patra-font-family);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:0 16px;font-size:14px;display:flex}.compose-send-menu-item:disabled{color:#1f1f1f61;cursor:default}.compose-toolbar-btn{width:32px;height:32px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.compose-toolbar-btn:hover{background:#44474614}.compose-toolbar-btn.active{background:#4447461f}.compose-toolbar-spacer{flex:1}.compose-link-dialog{z-index:25;background:var(--patra-surface);border-radius:8px;flex-direction:column;gap:12px;padding:20px 24px 12px;display:flex;position:absolute;bottom:72px;left:16px;right:16px;box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d}.compose-link-title{font-family:var(--patra-font-display);font-size:16px;font-weight:500}.compose-link-field{color:var(--patra-text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.compose-link-field input{border:1px solid var(--patra-border-light);height:36px;font-family:var(--patra-font-family);color:var(--patra-text-primary);border-radius:4px;outline:none;padding:0 10px;font-size:14px}.compose-link-field input:focus{border-color:var(--patra-blue);box-shadow:inset 0 0 0 1px var(--patra-blue)}.compose-link-error{color:var(--patra-error);font-size:12px}.compose-link-actions{justify-content:flex-end;gap:8px;display:flex}.compose-text-btn{height:36px;color:var(--patra-blue);font-family:var(--patra-font-display);cursor:pointer;background:0 0;border:none;border-radius:18px;padding:0 16px;font-size:14px;font-weight:500}.compose-text-btn:hover{background:#0b57d014}.compose-text-btn.primary{background:var(--patra-blue);color:#fff}.compose-mobile-bar{display:none}@media (width<=768px){.compose-card.compose-card,.compose-card.compose-card.minimized,.compose-card.compose-card.fullscreen{z-index:150;width:100%;max-width:none;height:auto;max-height:none;box-shadow:none;border-radius:0;inset:0;transform:none}.compose-card.minimized .compose-body-wrap{display:flex}.compose-backdrop,.compose-header,.compose-toolbar,.compose-format-bar{display:none}.compose-mobile-bar{background:var(--patra-surface);flex-shrink:0;align-items:center;gap:4px;height:56px;padding:0 4px;display:flex}.compose-mobile-title{min-width:0;font-family:var(--patra-font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;padding-left:12px;font-size:18px;font-weight:400;overflow:hidden}.compose-mobile-btn{width:48px;height:48px;color:var(--patra-icon-grey);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.compose-mobile-btn svg{width:24px;height:24px}.compose-mobile-btn:active{background:#4447461f}.compose-mobile-send:not(:disabled){color:var(--patra-blue)}.compose-mobile-send:disabled{opacity:.4}.compose-from-row{border-bottom:1px solid var(--patra-compose-line);align-items:center;gap:8px;min-height:48px;margin:0 16px;font-size:15px;display:flex}.compose-from-label{color:var(--patra-icon-grey)}.compose-from-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-card .recipient-row,.compose-subject-row{min-height:48px;font-size:15px}.compose-subject-input,.compose-body-editable{font-size:15px}.compose-body-editable:empty:before{content:attr(data-placeholder);color:var(--patra-text-secondary);pointer-events:none}.compose-link-dialog{bottom:16px}}.outbox-banner-stack{z-index:199;flex-direction:column;gap:8px;transition:bottom .15s;display:flex;position:fixed;bottom:16px;left:16px}.outbox-banner-stack.above-snackbar{bottom:88px}.outbox-banner{max-width:420px;color:var(--patra-error);font-family:var(--patra-font-family);background:#fce8e6;border-radius:8px;align-items:center;gap:16px;padding:10px 16px;font-size:14px;display:flex;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.outbox-banner-text{flex:1}.outbox-banner-actions{flex-shrink:0;gap:8px;display:flex}.outbox-banner-btn{color:var(--patra-error);font-family:var(--patra-font-family);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.outbox-banner-btn:hover{text-decoration:underline}@media (width<=768px){.outbox-banner-stack{left:8px;right:8px}.outbox-banner{max-width:none}}.snackbar{z-index:200;background:var(--patra-snackbar-bg);max-width:calc(100vw - 48px);min-height:48px;color:var(--patra-snackbar-text);font-family:var(--patra-font-family);border-radius:4px;align-items:center;gap:8px;padding:6px 8px 6px 24px;font-size:14px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024}.snackbar-message{flex:1;padding-right:16px}.snackbar-action{height:36px;color:var(--patra-snackbar-action);font-family:var(--patra-font-display);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 12px;font-size:14px;font-weight:500}.snackbar-action:hover,.snackbar-close:hover{background:#ffffff14}.snackbar-close{width:36px;height:36px;color:var(--patra-snackbar-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (width<=768px){.snackbar{max-width:none;bottom:8px;left:8px;right:8px}}.icon-tooltip{z-index:300;color:#fff;font-family:var(--patra-font-family);letter-spacing:.2px;white-space:nowrap;pointer-events:none;opacity:.9;background:#3c4043;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;animation:.1s ease-out icon-tooltip-in;position:fixed;transform:translate(-50%)}@keyframes icon-tooltip-in{0%{opacity:0;transform:translate(-50%)scale(.9)}}@media (hover:none){.icon-tooltip{display:none}}