:root{--turq:#08a5c9;--turq-dark:#087c98;--copper:#bc5725;--ink:#101820;--slate:#45515a;--cream:#f6f1e8;--paper:#fffdf8;--line:#dfd9cf;--shadow:0 18px 55px rgba(16,24,32,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh;background:var(--cream)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 5px;color:var(--copper);font-size:12px;font-weight:900;letter-spacing:.16em}.toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:min(90vw,420px);padding:12px 18px;border-radius:999px;color:#fff;background:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 10%,#fff 0 18%,transparent 48%),linear-gradient(140deg,#edf9fb 0%,var(--cream) 55%,#f4dfd2 120%)}.login-shell:before,.login-shell:after{content:"";position:absolute;width:280px;height:280px;border:26px solid rgba(8,165,201,.1);transform:rotate(45deg)}.login-shell:before{left:-190px;top:-135px}.login-shell:after{right:-210px;bottom:-120px;border-color:rgba(188,87,37,.1)}.login-card{position:relative;z-index:1;width:min(100%,430px);padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(255,253,248,.94);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.login-logo{display:block;width:min(100%,330px);height:58px;object-fit:contain;margin:0 auto 15px}.welcome-mark{width:112px;height:112px;margin:0 auto 18px;padding:8px;border-radius:30px;background:var(--ink);box-shadow:0 12px 30px rgba(8,165,201,.28);overflow:hidden}.welcome-mark img{width:100%;height:100%;object-fit:contain}.login-card h1{margin:0;font-size:clamp(28px,7vw,38px);line-height:1.05;letter-spacing:-.04em}.login-copy{margin:10px 0 24px;color:var(--slate)}.login-form{display:grid;gap:9px}.login-form label{margin-top:7px;font-size:13px;font-weight:800}.email-field,.password-field{display:flex;align-items:center;min-height:52px;border:2px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:.2s}.email-field:focus-within,.password-field:focus-within{border-color:var(--turq);box-shadow:0 0 0 4px rgba(8,165,201,.12)}.email-field input,.password-field input{min-width:0;flex:1;padding:14px;border:0;outline:0;background:transparent}.email-field span{padding-right:12px;color:var(--slate);font-size:13px}.text-button{padding:9px 12px;border:0;color:var(--turq-dark);background:transparent;font-weight:800}.primary-button,.secondary-button{min-height:50px;border-radius:14px;font-weight:900}.primary-button{margin-top:10px;border:0;color:#fff;background:linear-gradient(135deg,var(--turq),var(--turq-dark));box-shadow:0 10px 20px rgba(8,165,201,.22)}.primary-button:disabled{opacity:.55}.secondary-button{border:2px solid var(--turq);color:var(--turq-dark);background:#fff}.privacy-note{margin:18px 0 0;color:#667078;font-size:11px;text-align:center}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:280px 1fr;grid-template-rows:74px 1fr}.topbar{grid-column:1/-1;z-index:20;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;padding:10px 22px;color:#fff;background:var(--ink);box-shadow:0 4px 18px rgba(0,0,0,.15)}.topbar>img{justify-self:center;width:min(320px,48vw);height:48px;object-fit:contain}.icon-button,.avatar-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:13px;color:inherit;background:transparent;font-size:24px}.avatar-button{border:2px solid var(--turq);color:#fff;font-size:11px;font-weight:900}.sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;padding:22px 16px;color:#fff;background:linear-gradient(180deg,#17232b,var(--ink))}.sidebar-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.sidebar-brand img{width:46px;height:56px;object-fit:contain}.sidebar-brand div{min-width:0;display:grid}.sidebar-brand small{margin-top:3px;overflow:hidden;color:#aab6bc;text-overflow:ellipsis}.compose-button{min-height:50px;margin-bottom:18px;border:0;border-radius:15px;color:var(--ink);background:var(--turq);font-weight:900}#folderList{display:grid;gap:5px;overflow:auto}.folder-button,.sidebar-action{width:100%;padding:12px 13px;border:0;border-radius:11px;color:#dce4e7;background:transparent;text-align:left}.folder-button{display:flex;justify-content:space-between}.folder-button.active{color:#fff;background:rgba(8,165,201,.22);font-weight:900}.sidebar-footer{display:grid;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.mail-panel{grid-column:2;grid-row:2;min-width:0;padding:clamp(20px,4vw,44px);overflow:auto}.mail-heading{display:flex;justify-content:space-between;align-items:center}.mail-heading h1{margin:0;font-size:clamp(30px,5vw,46px);letter-spacing:-.05em}.round{color:var(--turq-dark);background:#fff;box-shadow:0 7px 18px rgba(16,24,32,.1)}.search-box{display:flex;align-items:center;gap:10px;max-width:720px;margin:22px 0;padding:0 16px;border:1px solid var(--line);border-radius:15px;background:#fff}.search-box input{width:100%;padding:14px 0;border:0;outline:0;background:transparent}.loading-state{padding:24px;color:var(--slate);text-align:center}.message-list{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 10px 35px rgba(16,24,32,.07)}.message-row{width:100%;display:grid;grid-template-columns:12px minmax(130px,210px) 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:0;border-bottom:1px solid #ece7df;color:inherit;background:transparent;text-align:left}.message-row:last-child{border-bottom:0}.message-row:hover{background:#f7fbfc}.message-row.unread{background:#eefafd;font-weight:750}.unread-dot{width:9px;height:9px;border-radius:50%;background:transparent}.unread .unread-dot{background:var(--copper)}.sender,.subject-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{color:#657078;font-size:12px;white-space:nowrap}.empty-state{max-width:420px;margin:50px auto;text-align:center}.empty-state img{width:180px;max-height:130px;object-fit:contain}.empty-state h2{margin-bottom:4px}.empty-state p{margin-top:0;color:var(--slate)}
dialog{border:0;padding:0;color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(16,24,32,.55);backdrop-filter:blur(3px)}.sheet{width:min(760px,96vw);height:min(820px,92dvh);border-radius:24px}.sheet-header{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 18px;border-bottom:1px solid var(--line)}.sheet-header h2{margin:0;flex:1}.message-actions{margin-left:auto}#messageContent{padding:24px;overflow-wrap:anywhere}#messageContent h1{margin:0 0 14px;font-size:clamp(25px,5vw,36px);letter-spacing:-.04em}.message-meta{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--slate);font-size:13px}.message-body{line-height:1.65}.compose-sheet form{height:100%;display:flex;flex-direction:column}.compose-sheet form>label{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}.compose-sheet input{width:100%;padding:8px;border:0;outline:0;background:transparent}.compose-sheet textarea{flex:1;min-height:230px;padding:22px;border:0;outline:0;resize:none;background:transparent;line-height:1.6}.send-button{padding:10px 18px;border:0;border-radius:12px;color:#fff;background:var(--turq-dark);font-weight:900}.attachment-button{display:block!important;color:var(--turq-dark);cursor:pointer}.settings-dialog{width:min(400px,90vw);border-radius:24px}.settings-dialog form{display:grid;gap:14px;padding:26px}.settings-dialog h2{margin:0;text-align:center}.settings-dialog label{display:grid;gap:8px;font-weight:800}.settings-dialog select{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.settings-mark{width:70px;height:78px;margin:auto}.settings-mark img{width:100%;height:100%;object-fit:contain}.scrim{display:none}
@media(max-width:760px){.app-shell{display:block;padding-top:68px}.topbar{position:fixed;top:0;left:0;right:0;height:68px;padding:8px 12px}.topbar>img{height:44px}.sidebar{position:fixed;z-index:40;inset:68px auto 0 0;width:min(86vw,310px);transform:translateX(-105%);transition:transform .22s ease}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;z-index:35;inset:68px 0 0;display:block;border:0;background:rgba(16,24,32,.55)}.mail-panel{padding:22px 15px}.message-row{grid-template-columns:10px 1fr auto;gap:10px;padding:15px 13px}.sender{grid-column:2}.subject-line{grid-column:2}.message-date{grid-column:3;grid-row:1}.unread-dot{grid-column:1;grid-row:1/3}.sheet{max-width:none;width:100vw;height:100dvh;max-height:none;border-radius:0}.email-field span{font-size:11px}.login-card{padding:24px 20px}}
@media(min-width:761px){#menuButton{visibility:hidden}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v2 interaction and phone-layout refinements */
.bulk-toolbar{display:flex;align-items:center;gap:10px;max-width:900px;margin:-8px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.select-all{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800}.select-all input,.message-check{width:18px;height:18px;accent-color:var(--turq-dark);cursor:pointer}
#selectionCount{margin-right:auto;color:var(--slate);font-size:12px}.bulk-toolbar select{max-width:180px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}
.bulk-button{padding:9px 13px;border:1px solid var(--turq);border-radius:10px;color:var(--turq-dark);background:#fff;font-weight:850}.bulk-button.danger{border-color:#c94536;color:#a92e22}.bulk-button:disabled{opacity:.4;cursor:not-allowed}
.folder-mark{display:inline-grid;place-items:center;width:32px;height:28px;margin-right:9px;border-radius:7px;font-size:17px;line-height:1}
.overlay-open{overflow:hidden}.compose-overlay{position:fixed;z-index:80;inset:0 0 0 auto;width:min(760px,100vw);height:100dvh;color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}.compose-overlay form{height:100dvh}.draft-button{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--slate);background:#fff;font-size:13px;font-weight:800}
.message-row{grid-template-columns:22px 10px minmax(130px,210px) 1fr auto;gap:12px}.message-row.selected{box-shadow:inset 4px 0 var(--turq);background:#e1f6fa}
#messageContent{height:calc(100% - 68px);overflow:auto}.message-meta{margin-bottom:18px;padding-bottom:16px}.message-frame{display:block;width:100%;height:calc(100% - 110px);min-height:430px;border:0;background:#fff}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior:none}
  .login-shell{position:fixed;inset:0;padding:0;overflow:hidden}
  .login-card{width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 26px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow:auto}
  .login-logo{height:68px}.welcome-mark{width:126px;height:126px}
  .bulk-toolbar{display:grid;grid-template-columns:1fr 1fr;margin-top:-10px}.bulk-toolbar .select-all{grid-column:1}.bulk-toolbar #selectionCount{grid-column:2;margin:0;text-align:right}.bulk-toolbar select{grid-column:1/-1;max-width:none;width:100%}
  .message-row{grid-template-columns:22px 9px 1fr auto;gap:8px;padding:15px 10px}.message-check{grid-column:1;grid-row:1/3}.unread-dot{grid-column:2;grid-row:1/3}.sender{grid-column:3}.subject-line{grid-column:3}.message-date{grid-column:4;grid-row:1}
  .sheet{position:fixed;inset:0!important;margin:0!important;max-width:none;width:100dvw;height:100dvh;max-height:none;border-radius:0}.sheet-header{padding-top:max(10px,env(safe-area-inset-top))}
  .compose-sheet form{height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.compose-sheet form>label{grid-template-columns:58px 1fr;padding:10px 14px}.compose-sheet textarea{min-height:0;padding:18px}
  .compose-overlay{inset:0;width:100vw;height:100dvh;transform:none}
  .message-frame{height:calc(100dvh - 245px);min-height:320px}
}
@media(max-width:360px){.message-row{grid-template-columns:22px 9px minmax(0,1fr) 30px auto}.row-actions{grid-column:4}.row-actions .row-read{display:none}}
@media(min-width:761px) and (max-width:1100px){.bulk-toolbar{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.bulk-toolbar>*{flex:0 0 auto}}
@media(min-width:761px) and (max-width:1100px){.bulk-toolbar{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.bulk-toolbar>*{flex:0 0 auto}}

/* v7 functional refinements; established Academy48 styling and vector icons preserved */
.email-field select{align-self:stretch;max-width:225px;padding:0 12px;border:0;border-left:1px solid var(--line);outline:0;color:var(--slate);background:#fff;font-size:12px;font-weight:750}
.recipient-options{display:flex;justify-content:flex-end;padding:2px 14px;border-bottom:1px solid var(--line)}
.folder-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center}.folder-row:not(:has(.folder-manage)){grid-template-columns:1fr}.folder-manage{width:34px;height:34px;border:0;border-radius:9px;color:#b8c3c8;background:transparent;font-size:20px}.folder-manage:hover{color:#fff;background:rgba(255,255,255,.1)}.folder-mark svg{stroke:var(--folder-color,var(--turq))}
.contact-add{grid-template-columns:1fr 1fr}.contact-add textarea{grid-column:1/-1;min-height:70px;padding:11px;border:1px solid var(--line);border-radius:10px;resize:vertical}.contact-add .primary-button,.contact-add .secondary-button{margin:0;padding:0 16px}.contact-row{display:flex;align-items:center;gap:8px;padding:4px;border-radius:12px}.contact-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:8px;border:0;color:inherit;background:transparent;text-align:left}.contact-main>span:nth-child(2){min-width:0;display:grid}.contact-actions{display:flex;gap:4px}.contact-actions button{padding:7px;border:1px solid var(--line);border-radius:8px;color:var(--turq-dark);background:#fff;font-size:11px;font-weight:800}

@media(max-width:760px){
  .welcome-mark{display:none}.login-card{justify-content:center}.login-copy{margin-bottom:16px}.email-field{display:grid;grid-template-columns:minmax(90px,1fr) minmax(156px,1.35fr)}.email-field select{width:100%;max-width:none;padding:0 7px;font-size:10px}
  .bulk-toolbar{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;padding:9px;overflow-x:auto;overscroll-behavior-x:contain}.bulk-toolbar>*{flex:0 0 auto}.bulk-toolbar #selectionCount{margin-right:3px;text-align:left}.bulk-toolbar select{width:145px;max-width:145px}.bulk-toolbar .tag-input{width:120px}.bulk-button{white-space:nowrap}
  .compose-overlay form{min-width:0;overflow:hidden}.compose-sheet form>label{flex:0 0 auto}.recipient-options{flex:0 0 auto}.compose-editor{width:100%;min-width:0;overflow:auto;overflow-wrap:anywhere}.attachment-button{flex:0 0 auto}.sheet-header{min-width:0}.sheet-header h2{min-width:0}.message-actions{display:flex;overflow-x:auto}
  .contact-add{grid-template-columns:1fr;padding:12px}.contact-add textarea{grid-column:auto}.contact-list{max-height:none;flex:1}.contacts-panel{display:flex;flex-direction:column}.contact-actions{flex-direction:column}
}

/* v4 reliable mobile, contacts, formatting, tags */
.boot-view{position:fixed;z-index:120;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--ink);background:var(--cream);text-align:center}.boot-view img{width:116px;height:116px;border-radius:28px;box-shadow:var(--shadow)}
.folder-mark{font-size:0}.folder-mark svg{display:block;width:22px;height:22px;fill:none;stroke:var(--turq);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.overlay-open{overflow:hidden}.compose-overlay{position:fixed!important;z-index:9999;inset:0 0 0 auto!important;width:min(760px,100vw);height:100vh;height:100dvh;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);transform:none!important}.compose-overlay:not(.hidden){display:block!important}.compose-overlay form{height:100vh;height:100dvh}.draft-button{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--slate);background:#fff;font-size:13px;font-weight:800}
.format-toolbar{display:flex;align-items:center;gap:5px;padding:8px 16px;border-bottom:1px solid var(--line);background:#f8f5ef}.format-toolbar button{min-width:36px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff}.color-tool{display:flex!important;grid-template-columns:auto auto!important;gap:6px;padding:0 5px!important;border:0!important}.color-tool input{width:32px!important;height:30px;padding:2px!important}.compose-editor{flex:1;min-height:180px;padding:20px;overflow:auto;outline:0;line-height:1.6;background:#fff}.compose-editor:empty:before{content:attr(data-placeholder);color:#7a8084}
.tag-input{min-width:100px;width:130px;padding:9px;border:1px solid var(--line);border-radius:10px}.tag-chip{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;color:#086f87;background:#d9f4f9;font-size:10px;font-weight:800}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}.quick-actions .sidebar-action{padding:9px 7px;text-align:center;font-size:12px}
.contacts-dialog{width:min(560px,94vw);max-height:85dvh;border-radius:24px}.contacts-panel{min-height:460px}.contact-add{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:16px;border-bottom:1px solid var(--line)}.contact-add input{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px}.contact-add .primary-button{margin:0;padding:0 16px}.contact-list{display:grid;gap:4px;padding:12px;max-height:55dvh;overflow:auto}.contact-row{display:flex;align-items:center;gap:12px;padding:11px;border:0;border-radius:12px;color:inherit;background:transparent;text-align:left}.contact-row:hover{background:#edf9fb}.contact-row>span:last-child{display:grid}.contact-row small{color:var(--slate)}.contact-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--turq-dark);font-weight:900}.contact-empty{padding:30px;color:var(--slate);text-align:center}

@media(max-width:760px){
  .compose-overlay{inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;transform:none!important}
  .format-toolbar{position:relative;z-index:2;overflow-x:auto;padding:7px 10px}.compose-editor{min-height:0;padding:16px}.draft-button{padding:8px;font-size:11px;white-space:nowrap}
  .contact-add{grid-template-columns:1fr}.contacts-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.contacts-panel{height:100dvh}
  .bulk-toolbar .tag-input{grid-column:1;width:100%}.bulk-toolbar #tagButton{grid-column:2}
}

/* v7 cascade finalization */
.folder-mark svg{stroke:var(--folder-color,var(--turq))}.contact-add{grid-template-columns:1fr 1fr}.contact-add textarea{grid-column:1/-1}.contact-add .secondary-button{margin:0;padding:0 16px}.contact-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:8px;border:0;color:inherit;background:transparent;text-align:left}.contact-actions{display:flex;gap:4px;margin-left:auto}.contact-actions button{padding:7px;border:1px solid var(--line);border-radius:8px;color:var(--turq-dark);background:#fff;font-size:11px;font-weight:800}
.contact-label{display:inline-block;margin:3px 4px 0 0;padding:2px 6px;border-radius:999px;color:var(--turq-dark);background:#d9f4f9;font-size:10px;font-style:normal;font-weight:800}
@media(max-width:760px){
  .welcome-mark{display:none}.email-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.email-field input,.email-field select{min-width:0}.email-field select{width:100%;max-width:none;padding:0 7px;font-size:10px}
  .bulk-toolbar{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;padding:9px;overflow-x:auto}.bulk-toolbar>*{flex:0 0 auto}.bulk-toolbar #selectionCount{margin-right:3px;text-align:left}.bulk-toolbar select{width:145px;max-width:145px}.bulk-toolbar .tag-input{width:120px}.bulk-button{white-space:nowrap}
  .contact-add{grid-template-columns:1fr}.contact-add textarea{grid-column:auto}.contact-actions{flex-direction:column}
}

/* v8 requested mobile, touch, message-state, and details refinements */
.message-row{grid-template-columns:22px 10px minmax(130px,210px) minmax(0,1fr) 64px auto;touch-action:pan-y}.row-actions{display:flex;align-items:center}.row-actions button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;color:var(--turq-dark);background:transparent;font-size:18px}.row-actions .row-star{color:var(--copper);font-size:20px}.message-details-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left}.message-details-toggle small{margin-left:auto;color:var(--slate);font-weight:500}.message-details{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:#f5f1e9}.message-details>div{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:7px;align-items:start}.message-details span{overflow-wrap:anywhere}.message-details button{padding:4px 7px;border:1px solid var(--line);border-radius:7px;color:var(--turq-dark);background:#fff;font-size:10px;font-weight:800}.action-symbol{display:none}.mobile-selection-bar{display:none}
.settings-dialog select{min-height:48px;padding:12px 36px 12px 12px;line-height:1.2;background-position:right 12px center}

@media(max-width:760px){
  html,body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y}.app-shell{min-height:100dvh}.mail-panel{overflow:visible;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.message-list{touch-action:pan-y}.message-row{grid-template-columns:22px 9px minmax(0,1fr) 64px auto;-webkit-touch-callout:none;user-select:none}.message-check{grid-column:1;grid-row:1/3;visibility:hidden}.mobile-selecting .message-check{visibility:visible}.unread-dot{grid-column:2;grid-row:1/3}.sender{grid-column:3}.subject-line{grid-column:3}.row-actions{grid-column:4;grid-row:1/3}.message-date{grid-column:5;grid-row:1}.bulk-toolbar{display:none!important}.mobile-selecting .mail-panel{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .mobile-selection-bar:not(.hidden){position:fixed;z-index:70;left:0;right:0;bottom:0;display:flex;align-items:center;gap:7px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overflow-x:auto;color:#fff;background:var(--ink);box-shadow:0 -5px 20px rgba(16,24,32,.22);overscroll-behavior-x:contain;touch-action:pan-x}.mobile-selection-bar button{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:transparent;font-size:20px}.mobile-selection-bar strong{flex:0 0 28px;text-align:center}
  .login-logo{align-self:center;width:100%;max-width:390px;height:100px;max-height:18dvh;margin:0 auto 12px;object-fit:contain}.login-card{padding-left:12px;padding-right:12px;overflow-y:auto}.login-card h1{font-size:clamp(26px,8vw,34px)}
  .message-sheet{overflow:hidden}.message-sheet .sheet-header{position:relative;z-index:3}.message-sheet #messageContent{height:calc(100dvh - 68px);padding:18px 15px calc(88px + env(safe-area-inset-bottom));overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.message-actions{position:fixed;z-index:4;left:0;right:0;bottom:0;display:flex;justify-content:space-evenly;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));overflow-x:auto;color:#fff;background:var(--ink);box-shadow:0 -5px 18px rgba(16,24,32,.2)}.message-actions .text-button{flex:0 0 46px;width:46px;height:42px;padding:0;color:#fff}.message-actions .action-label{display:none}.message-actions .action-symbol{display:block;font-size:23px}.message-details-toggle{min-height:44px}.message-details>div{grid-template-columns:55px minmax(0,1fr)}.message-details button{grid-column:2;justify-self:start}.message-frame{height:calc(100dvh - 260px);min-height:300px;touch-action:pan-y}
  .compose-overlay,.compose-overlay form{overflow:hidden;touch-action:pan-y}.compose-editor{overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.contacts-panel{overflow:hidden}.contact-list{padding:6px 8px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.contact-row{min-height:48px;gap:5px;padding:3px 2px}.contact-main{gap:8px;padding:5px}.contact-avatar{width:36px;height:36px;border-radius:10px}.contact-actions{gap:3px}.contact-actions button{padding:5px 6px}.settings-dialog{max-height:100dvh;overflow-y:auto;touch-action:pan-y}.settings-dialog form{max-height:100dvh;overflow-y:auto;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.settings-dialog select{appearance:auto;min-height:48px;padding-right:36px;line-height:normal}
}
@media(max-width:360px){.message-row{grid-template-columns:22px 9px minmax(0,1fr) 30px auto}.row-actions{grid-column:4}.row-actions .row-read{display:none}}