:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#142033;background:#eef3f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh;background:radial-gradient(circle at top left,rgba(248,198,78,.22),transparent 34rem),linear-gradient(135deg,#f7f9fd,#e9f0f8 58%,#f5f7fb)}.mobile-menu-btn,.mobile-fab,.mobile-install-fab,.mobile-backdrop{display:none}.login-screen{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgba(248,198,78,.28),transparent 34rem),linear-gradient(135deg,#071f42,#123b70 58%,#eef3f9 58%)}.login-card{width:min(460px,100%);padding:32px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#ffffffe0;box-shadow:0 24px 60px #08224738;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card h1{margin:22px 0 8px;color:#082247;font-size:32px}.login-card p{margin:0 0 22px;color:#65758a}.login-card form{display:grid;gap:16px}.install-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d9e4f1;border-radius:8px;color:#0b376d;font-weight:900;background:#fff}.login-install{width:100%;margin-top:12px}.install-hint{margin:10px 0 0;color:#607188;font-size:13px;line-height:1.5}.large{color:#082247}.sidebar{display:flex;flex-direction:column;gap:10px;padding:22px 18px;color:#e8eef7;background:linear-gradient(180deg,#071f42,#0b2e5d);box-shadow:16px 0 40px #08224729}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-logos{display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:126px;padding:7px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#fffdf7;box-shadow:0 12px 26px #0000002e}.brand-logo{display:block;object-fit:contain}.brand-logo.kjp{width:38px;height:38px}.brand-logo.bsb{width:58px;height:38px}.brand.large{align-items:flex-start}.brand.large .brand-logos{max-width:182px;padding:9px;gap:10px}.brand.large .brand-logo.kjp{width:54px;height:54px}.brand.large .brand-logo.bsb{width:82px;height:54px}.brand strong,.brand span{display:block}.brand span{color:#bfd2ea;font-size:13px}.nav-item,.dark-toggle{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 12px;border:0;border-radius:8px;color:#d7e4f4;text-align:left;background:transparent;transition:.18s ease}.nav-item:hover,.nav-item.active,.dark-toggle:hover{color:#fff;background:#ffffff1f}.nav-icon{display:grid;place-items:center;height:34px;border-radius:8px;color:#f8d978;font-size:12px;font-weight:800;background:#f8d9781f}.nav-icon svg{display:block}.nav-item b{color:#f8d978;font-size:12px}.accounts{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.drawer-actions{display:grid;gap:8px;margin-top:12px}.drawer-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#e8eef7;font-weight:900;background:#ffffff14}.drawer-action.notify{color:#082247;border-color:#f8d978b8;background:linear-gradient(135deg,#f8d978,#c99122)}.drawer-action.install{color:#dbeafe}.drawer-action.logout{color:#ffe9e9}.accounts p{margin:0 0 10px;color:#f8d978;font-size:12px;font-weight:800;text-transform:uppercase}.account-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 0}.account-button{border:1px solid transparent;border-radius:8px;color:inherit;text-align:left;background:transparent;transition:.18s ease}.account-button:hover{padding-left:8px;padding-right:8px;background:#ffffff1a}.account-button.active{padding-left:8px;padding-right:8px;border-color:#3ed38f7a;color:#fff;background:linear-gradient(135deg,#1d8b60f2,#2caf73b8);box-shadow:0 10px 24px #17624f42}.account-select{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-top:2px;border:1px solid rgba(248,217,120,.34);border-radius:999px;background:transparent}.account-select.active{border-color:#ffffffbf;background:#fff3}.account-select i{flex:0 0 10px;height:10px;width:10px;border-radius:999px;background:#f8d978}.account-row strong,.account-row span{display:block}.account-button.active span{color:#e8fff5}.account-row strong{font-size:13px}.account-row span{max-width:190px;overflow:hidden;color:#bfd2ea;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dark-toggle{display:block;color:#f8d978;font-weight:800}.workspace{display:flex;flex-direction:column;min-width:0;padding:18px}.topbar{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#ffffffb8;box-shadow:0 16px 45px #1a30501a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search{display:flex;align-items:center;gap:12px;flex:1;min-width:220px;height:48px;padding:0 16px;border:1px solid #dfe7f2;border-radius:8px;background:#fff}.search span{display:flex;align-items:center;gap:7px;color:#b88726;font-weight:800}input,textarea{width:100%;border:1px solid #dce5f1;border-radius:8px;outline:0;color:#13233a;background:#fff}.search input{border:0}.compose-btn,.primary-wide{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:8px;color:#082247;font-weight:900;background:linear-gradient(135deg,#f8d978,#c99122);box-shadow:0 12px 24px #bf892038}.primary-wide:disabled,.compose-btn:disabled{cursor:not-allowed;opacity:.65}.logout-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid #d9e4f1;border-radius:999px;color:#0b376d;font-size:13px;font-weight:800;background:#fff}.alert{margin-top:12px;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:800}.alert.ok{color:#17624f;background:#daf4ea}.alert.error{color:#8b2626;background:#ffe2e2}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.online{color:#17624f;background:#daf4ea}.offline{color:#8b2626;background:#ffe2e2}.secure{color:#0b3b78;background:#deebff}.account-filter{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #d9e4f1;border-radius:999px;color:#0b376d;background:#fff}.account-filter span{font-size:13px;font-weight:900}.account-filter select{max-width:260px;border:0;outline:0;color:#13233a;font-weight:800;background:transparent}.mail-layout,.compose-view{display:grid;grid-template-columns:minmax(340px,430px) minmax(520px,1fr);gap:18px;min-height:0;height:calc(100vh - 126px);padding-top:18px}.compose-view,.gmail-layout{grid-template-columns:1fr}.mail-list,.preview,.compose-window,.wizard-card{border:1px solid rgba(220,230,242,.88);border-radius:8px;background:#fffc;box-shadow:0 18px 46px #182d4a1c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mail-list{overflow:auto;padding:14px}.gmail-layout .mail-list{padding:0}.gmail-layout .pane-title{padding:18px 22px;border-bottom:1px solid #e4ebf4}.selected-mailbox{display:flex;align-items:center;gap:10px;padding:10px 22px;border-bottom:1px solid #e9eff7;color:#607188;background:#f8fbffb8}.selected-mailbox b{color:#0d2342}.selected-mailbox span{font-size:13px}.selected-mailbox em{margin-left:auto;color:#8b2626;font-size:12px;font-style:normal;font-weight:900}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;border-bottom:1px solid #e6edf6;background:#fff}.check-wrap,.mail-check{display:inline-flex;align-items:center;gap:8px;color:#304258;font-size:13px;font-weight:900}.check-wrap input,.mail-check input{width:16px;height:16px;accent-color:#16624f}.bulk-bar button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid #f0c9c9;border-radius:8px;color:#9b2525;font-size:12px;font-weight:900;background:#fff6f6}.bulk-bar button:disabled{opacity:.48}.pane-title{display:flex;align-items:end;justify-content:space-between;padding:4px 4px 14px}.pane-title span{color:#8a6825;font-size:13px;font-weight:900;text-transform:uppercase}.pane-title strong{font-size:22px}.mail-item{display:grid;grid-template-columns:24px 48px minmax(0,1fr) 74px;gap:12px;width:100%;min-height:122px;margin-bottom:10px;padding:14px;border:1px solid transparent;border-radius:8px;color:inherit;text-align:left;background:#ffffffb8;cursor:pointer;transition:.18s ease}.gmail-layout .mail-item{grid-template-columns:22px 44px minmax(160px,240px) minmax(260px,1fr) 150px;align-items:center;min-height:58px;margin:0;padding:9px 18px;border-width:0 0 1px 0;border-color:#e6edf6;border-radius:0;box-shadow:none}.mail-check{justify-content:center}.mail-item:hover,.mail-item.selected{border-color:#d7b25b;background:#fff;box-shadow:0 14px 32px #1126441a;transform:translateY(-1px)}.gmail-layout .mail-item:hover{border-color:#e6edf6;background:#f7fbff;box-shadow:inset 3px 0 #d7b25b;transform:none}.mail-item.unread{border-left:4px solid #0b62c0;background:#ffffffeb;font-weight:900}.mail-item.read{opacity:1;background:#f8fbffa3;font-weight:400}.mail-item.selected.read{opacity:1}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;color:#082247;font-weight:900;background:#f4d778}.gmail-layout .avatar{width:34px;height:34px;font-size:12px}.mail-copy{display:block;min-width:0}.gmail-layout .mail-copy{display:contents}.mail-sender,.mail-subject,.mail-address,.mail-account{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sender{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}.gmail-layout .mail-sender{color:#17243a}.gmail-layout .mail-item.read .mail-sender,.gmail-layout .mail-item.read .mail-subject{font-weight:500}.gmail-layout .mail-item.unread .mail-sender,.gmail-layout .mail-item.unread .mail-subject{font-weight:900}.mail-subject{margin-top:5px;font-size:16px;font-weight:800}.gmail-layout .mail-subject{margin:0;font-size:15px}.mail-address{margin-top:5px;color:#6c7b8d;font-size:13px}.gmail-layout .mail-address{display:none}.mail-account{margin-top:9px;color:#9a742c;font-size:12px;font-weight:800}.gmail-layout .mail-account{margin:0;justify-self:end;max-width:130px;color:#7a8798}.mail-meta{display:flex;align-items:end;flex-direction:column;gap:10px}.gmail-layout .mail-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-items:end;gap:8px}.mail-meta i{color:#64758a;font-size:12px;font-style:normal;font-weight:800}.gmail-layout .mail-meta i{font-size:13px}.mail-meta b{width:10px;height:10px;border-radius:999px;background:#0b62c0}.mail-meta small{padding:4px 7px;border-radius:999px;color:#705018;font-size:11px;font-weight:800;background:#fff0c4}.read-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;color:#17624f;font-size:11px;font-weight:900;background:#daf4ea}.gmail-layout .read-pill{display:none}.preview{display:flex;overflow:hidden;flex-direction:column}.read-page{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 126px);padding-top:10px}.read-toolbar{display:flex;align-items:center;flex:0 0 auto;gap:6px}.read-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid #d9e4f1;border-radius:999px;color:#0b376d;font-size:12px;font-weight:800;background:#fff}.read-toolbar .danger-mini{border-color:#f0c9c9;color:#9b2525;background:#fff6f6}.read-card{display:flex;flex:1;overflow:hidden;flex-direction:column;border:1px solid rgba(220,230,242,.88);border-radius:8px;background:#ffffffe0;box-shadow:0 18px 46px #182d4a1c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preview-head{display:flex;justify-content:space-between;gap:24px;padding:28px;border-bottom:1px solid #e4ebf4}.preview-head p{margin:4px 0 0;font-size:13px}.gmail-head{display:block;padding:18px 34px 16px}.preview-head span{color:#af7e24;font-size:13px;font-weight:900;text-transform:uppercase}.preview h1{max-width:740px;margin:8px 0;color:#0d2342;font-size:26px;line-height:1.18}.read-card h1{max-width:none;margin:5px 0;font-size:18px;line-height:1.28}.read-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.read-title-row h1{flex:1;min-width:0}.preview p{color:#617187}.trust-stack{display:grid;align-content:start;gap:6px;min-width:168px}.trust-stack span{padding:6px 10px;border-radius:999px;color:#16624f;font-size:11px;background:#e0f5ec;text-align:center}.reader{flex:1;padding:28px;overflow:auto;overflow-x:hidden;color:#24344b;font-size:17px;line-height:1.72}.gmail-reader{max-width:none;width:100%;padding:22px 34px;font-size:16px;line-height:1.65}.attachment-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-chip{display:inline-flex;align-items:center;gap:8px;max-width:260px;min-height:34px;padding:6px 9px;border:1px solid #dbe6f3;border-radius:8px;color:#0b376d;font-size:12px;font-weight:800;text-decoration:none;background:#f8fbff}.attachment-chip span,.attachment-chip b,.attachment-chip small{display:block;min-width:0}.attachment-chip b{overflow:hidden;color:#16624f;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.attachment-chip small{color:#6a798c;font-size:11px;line-height:1.2}.attachment-chip svg{flex:0 0 auto}.attachment{display:flex;align-items:center;justify-content:space-between;margin:0 28px 18px;padding:12px 14px;border:1px solid #e1e9f4;border-radius:8px;background:#f8fbff}.attachment b,.attachment span{display:block}.attachment b{font-size:15px}.attachment span{color:#6a798c;font-size:12px}.attachment button,.attachment a,.preview-actions button,.attach-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #d9e4f1;border-radius:8px;color:#0b376d;font-size:13px;font-weight:800;background:#fff}.file-btn input{display:none}.compose-files{display:flex;flex-wrap:wrap;gap:8px}.compose-files span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#705018;font-size:12px;font-weight:800;background:#fff0c4}.compose-files button{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:999px;color:#fff;line-height:1;background:#8a1f2d}.mail-body{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.empty-state,.empty-reader{display:grid;place-items:center;width:100%;min-height:180px;padding:20px;border:1px dashed #d9e4f1;border-radius:8px;color:#64758a;text-align:center;background:#ffffff94}.empty-state{font-weight:800}.empty-mini{color:#bfd2ea;font-size:13px}.account-pick{min-height:96px}.preview-actions{display:flex;gap:10px;padding:0 28px 28px}.wizard-view{display:grid;place-items:center;height:calc(100vh - 126px);padding-top:18px}.contacts-view{height:calc(100vh - 126px);padding-top:18px}.contacts-panel{display:grid;grid-template-rows:auto auto 1fr;gap:16px;height:100%;padding:24px;border:1px solid rgba(220,230,242,.88);border-radius:8px;background:#ffffffd1;box-shadow:0 18px 46px #182d4a1c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contacts-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.contacts-head span{color:#b38025;font-size:13px;font-weight:900;text-transform:uppercase}.contacts-head h1{margin:6px 0;color:#0d2342;font-size:28px}.contacts-head p{margin:0;color:#64758a}.sync-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #d9e4f1;border-radius:999px;color:#0b376d;font-weight:900;background:#fff}.contact-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) 180px;gap:12px;align-items:end}.contact-form input{min-height:44px;padding:0 12px}.contact-list{overflow:auto;border:1px solid #e4ebf4;border-radius:8px;background:#fff}.contact-item{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #edf2f8}.contact-item:last-child{border-bottom:0}.contact-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#082247;font-weight:900;background:#f4d778}.contact-item b,.contact-item span,.contact-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item span{color:#0b376d;font-size:14px}.contact-item small{color:#748297;font-size:12px}.contact-item button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #f0c9c9;border-radius:8px;color:#9b2525;background:#fff6f6}.wizard-card{width:min(760px,100%);padding:32px}.wizard-head span{color:#b38025;font-size:13px;font-weight:900;text-transform:uppercase}.wizard-head h1{margin:8px 0;font-size:32px}.wizard-head p{max-width:520px;color:#66758a}.form-grid{display:grid;gap:14px;margin:24px 0}label{display:grid;gap:8px;color:#304258;font-size:14px;font-weight:900}label input{min-height:52px;padding:0 14px;font-weight:600}.auto-detect{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.auto-detect div{padding:16px;border-radius:8px;background:#edf6ff}.auto-detect b,.auto-detect span{display:block}.auto-detect span{color:#17624f;font-size:13px;font-weight:900}.primary-wide{width:100%}.backup-panel{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid #dfe9f5;border-radius:8px;background:#f8fbff}.backup-panel span{color:#b38025;font-size:12px;font-weight:900;text-transform:uppercase}.backup-panel h2{margin:5px 0;color:#0d2342;font-size:20px}.backup-panel p,.backup-panel small{margin:0;color:#64758a}.backup-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:end}.backup-actions select{min-height:40px;padding:0 12px;border:1px solid #d9e4f1;border-radius:8px;color:#16253b;font-weight:800;background:#fff}.compact{max-width:430px}.draft-note{padding:18px;border-radius:8px;background:#fff8e5}.draft-note p{color:#77633b}.compose-window{display:grid;gap:14px;align-content:start;padding:24px}.recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cc-fields{display:grid;gap:8px}.cc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526277;font-size:14px;font-weight:800}.small-action{min-height:34px;padding:0 12px;border:1px solid #d9e4f1;border-radius:8px;color:#0b376d;font-size:13px;font-weight:900;background:#fff}.cc-row{display:grid;grid-template-columns:1fr 42px;gap:8px}.cc-row input{min-width:0}.cc-row button{min-height:52px;border:1px solid #d9e4f1;border-radius:8px;color:#8a1f2d;font-size:22px;font-weight:900;background:#fff}.compose-wide{width:100%;max-width:none}.window-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.window-title strong{display:block;font-size:24px}.window-title small{display:block;margin-top:6px;color:#64758a;font-size:13px;font-weight:800}.window-title span{color:#17624f;font-size:13px;font-weight:900}textarea{min-height:320px;padding:16px;resize:vertical;line-height:1.65}.editor-shell{overflow:hidden;border:1px solid #dce5f1;border-radius:8px;background:#fff}.editor-toolbar{display:flex;align-items:center;gap:6px;min-height:46px;padding:7px 10px;border-bottom:1px solid #e4ebf4;background:#f8fbff}.editor-toolbar button{display:grid;place-items:center;width:34px;height:32px;border:1px solid transparent;border-radius:8px;color:#0b376d;font-weight:900;background:transparent}.editor-toolbar button:hover{border-color:#d9e4f1;background:#fff}.underline-icon{text-decoration:underline}.html-editor{min-height:320px;padding:16px;color:#13233a;line-height:1.65;outline:0}.html-editor:empty:before{content:attr(data-placeholder);color:#8a97a8}.html-editor ul,.html-editor ol{padding-left:24px}.html-editor a{color:#0b62c0;text-decoration:underline}.compose-actions{display:grid;grid-template-columns:180px 1fr;gap:12px}.dark{color:#e7eef7;background:radial-gradient(circle at top left,rgba(248,198,78,.18),transparent 34rem),linear-gradient(135deg,#081426,#0e2035 60%,#10161f)}.dark .workspace,.dark .mail-list,.dark .preview,.dark .topbar,.dark .compose-window{color:#e7eef7}.dark .topbar,.dark .mail-list,.dark .preview,.dark .mail-item,.dark .compose-window{border-color:#ffffff17;background:#0c1a2dc7}.dark .bulk-bar{border-bottom-color:#ffffff14;background:#0c1a2db8}.dark .check-wrap,.dark .mail-check{color:#edf5ff}.dark .bulk-bar button,.dark .read-toolbar .danger-mini{border-color:#ff84844d;color:#ffc8c8;background:#78181838}.dark .search,.dark input,.dark textarea,.dark .account-filter,.dark .account-filter select,.dark .editor-shell,.dark .html-editor,.dark .attachment-chip,.dark .attachment,.dark .attachment button,.dark .attachment a,.dark .logout-btn,.dark .preview-actions button{border-color:#ffffff1a;color:#edf5ff;background:#ffffff0f}.dark .attachment-chip b{color:#8ee0bf}.dark .attachment-chip small{color:#aebbd0}.dark .editor-toolbar{border-bottom-color:#ffffff1a;background:#ffffff0d}.dark .editor-toolbar button{color:#edf5ff}.dark .mail-item:hover,.dark .mail-item.selected{background:#ffffff1a}.dark .gmail-layout .mail-item:hover{background:#ffffff14}.dark .mail-item.read{opacity:1;background:#ffffff0b}.dark .mail-item.selected.read{opacity:1}.dark .preview h1,.dark .mail-subject{color:#fff}.dark .mail-address,.dark .preview p,.dark .reader,.dark .attachment span{color:#aebdd0}.dark .preview-head{border-bottom-color:#ffffff17}.dark .read-toolbar,.dark .read-card,.dark .backup-panel,.dark .contacts-panel,.dark .contact-list{border-color:#ffffff17;color:#e7eef7;background:#0c1a2dc7}.dark .backup-panel h2{color:#fff}.dark .backup-panel p,.dark .backup-panel small{color:#aebdd0}.dark .backup-actions select{border-color:#ffffff1a;color:#edf5ff;background:#ffffff0f}.dark .contacts-head h1,.dark .contact-item b{color:#fff}.dark .contact-item{border-bottom-color:#ffffff14}.dark .sync-btn,.dark .contact-item button,.dark .read-toolbar button{border-color:#ffffff1a;color:#edf5ff;background:#ffffff0f}.dark .gmail-head .read-toolbar{background:transparent}@media(max-width:1100px){.app-shell{grid-template-columns:92px 1fr}.brand div:not(.brand-logos),.nav-item span:nth-child(2),.nav-item b,.accounts{display:none}.brand-logos{max-width:58px;padding:5px;gap:4px}.brand-logo.kjp{width:22px;height:28px}.brand-logo.bsb{width:24px;height:28px}.nav-item{grid-template-columns:1fr}.mail-layout,.compose-view{grid-template-columns:1fr;height:auto}.preview{min-height:620px}}@media(max-width:760px){.login-screen{align-items:start;min-height:100dvh;padding:14px;background:radial-gradient(circle at top left,rgba(248,198,78,.24),transparent 20rem),linear-gradient(180deg,#071f42 0,#0b2e5d 34%,#eef3f9 34%)}.login-card{width:100%;margin-top:10px;padding:18px;border-radius:8px}.login-card .brand{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.brand.large .brand-logos{max-width:150px;padding:7px;gap:8px}.brand.large .brand-logo.kjp{width:44px;height:44px}.brand.large .brand-logo.bsb{width:68px;height:44px}.login-card h1{margin:12px 0 6px;font-size:24px}.login-card p{margin-bottom:16px;font-size:14px;line-height:1.45}.login-card form{gap:12px}.login-card label input,.login-card .primary-wide{min-height:46px}.recipient-grid{grid-template-columns:1fr}.install-hint{font-size:12px}.app-shell{display:block;min-height:100dvh;background:#f4f7fb}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:min(86vw,320px);display:flex;flex-direction:column;padding:18px 14px;transform:translate(-105%);transition:transform .22s ease;box-shadow:24px 0 46px #08224738}.sidebar.open{transform:translate(0)}.mobile-backdrop{position:fixed;inset:0;z-index:25;background:#08162a6b}.mobile-backdrop.show{display:block}.brand{display:flex;margin-bottom:14px}.brand div:not(.brand-logos){display:block}.brand-logos{max-width:88px;padding:6px;gap:5px}.brand-logo.kjp{width:28px;height:30px}.brand-logo.bsb{width:40px;height:30px}.nav-item{display:grid;grid-template-columns:38px 1fr auto;min-height:48px}.nav-item span:nth-child(2),.nav-item b,.accounts{display:block}.accounts{margin-top:16px;max-height:42dvh;overflow:auto}.workspace{padding:0}.topbar{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:44px 1fr auto;gap:8px;min-height:64px;padding:10px;border-width:0 0 1px 0;border-radius:0;background:#fffffff5}.mobile-menu-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;color:#0b376d;background:transparent}.search{min-width:0;height:44px;padding:0 12px;border-radius:999px}.search span{font-size:0}.search span svg{width:18px;height:18px}.search input{min-width:0;font-size:14px}.compose-btn,.account-filter,.topbar .secure:not(.install-top),.logout-btn{display:none}.install-top{display:inline-flex;min-height:36px;padding:0 10px;font-size:11px}.status-pill{min-height:36px;padding:0 10px;font-size:11px}.mobile-fab{position:fixed;right:18px;bottom:22px;z-index:20;display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:18px;color:#082247;background:linear-gradient(135deg,#f8d978,#c99122);box-shadow:0 18px 36px #bf892057}.mobile-install-fab{position:fixed;right:18px;bottom:88px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;color:#0b376d;background:#deebff;box-shadow:0 14px 28px #0b376d38}.mail-layout,.compose-view,.contacts-view,.wizard-view,.read-page{height:calc(100dvh - 64px);padding:0}.mail-list,.compose-window,.contacts-panel,.wizard-card,.read-card{border-width:0;border-radius:0;box-shadow:none}.gmail-layout .pane-title{padding:14px 16px 10px}.pane-title strong{font-size:18px}.selected-mailbox{display:grid;gap:2px;padding:8px 16px}.selected-mailbox em{margin-left:0}.gmail-layout .mail-item{grid-template-columns:22px 42px minmax(0,1fr) auto;grid-template-areas:"check avatar copy meta";min-height:76px;padding:10px 14px;box-shadow:none;transform:none}.mail-check{grid-area:check}.gmail-layout .avatar{grid-area:avatar;width:38px;height:38px}.gmail-layout .mail-copy{display:grid;grid-area:copy;gap:3px;min-width:0;align-self:center}.gmail-layout .mail-sender,.gmail-layout .mail-subject{min-width:0;font-size:14px;line-height:1.25}.gmail-layout .mail-account{justify-self:start;max-width:180px;font-size:12px;line-height:1.2}.gmail-layout .mail-meta{grid-area:meta;grid-template-columns:1fr;align-self:stretch;align-content:start;gap:5px}.gmail-layout .mail-item:hover{box-shadow:none}.mail-meta small{display:none}.preview-head,.gmail-head{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 16px}.trust-stack{grid-template-columns:1fr 1fr 1fr;min-width:0}.trust-stack span{font-size:9px;padding:5px}.read-card h1{font-size:16px}.read-title-row{display:grid;gap:8px}.gmail-reader{padding:14px 16px;font-size:14px;line-height:1.6}.attachment-strip{gap:6px}.attachment-chip{max-width:100%;min-height:32px;padding:6px 8px}.read-toolbar{overflow-x:auto;padding:0;border-width:0;border-radius:0;box-shadow:none;background:transparent}.read-toolbar button{flex:0 0 auto;min-height:28px;padding:0 9px;font-size:11px}.attachment{margin:0 12px 12px;display:grid;gap:10px}.attachment a{width:100%}.contact-form,.backup-actions{grid-template-columns:1fr}.backup-actions .sync-btn{width:100%}.contacts-panel,.compose-window,.wizard-card{overflow:auto;padding:16px}.contacts-head,.window-title{display:grid;grid-template-columns:1fr;gap:10px}.compose-actions{display:grid;grid-template-columns:1fr}}.mail-sender{font-size:13px!important}.mail-subject{font-size:14px!important}.gmail-layout .mail-subject{font-size:13px!important}.mail-address,.mail-account{font-size:11px!important}.reader{font-size:14px!important}.gmail-reader,.mail-body,.pane-title strong{font-size:13px!important}.mail-html-content{white-space:normal!important}.mail-html-content img{max-width:100%!important;height:auto!important}