:root{--navy:#071f47;--navy-2:#0c4a9e;--blue:#0c4a9e;--cyan:#a3945d;--ink:#071f47;--muted:#58657a;--line:#e3e5e9;--surface:#fff;--canvas:#f7f7ef;--success:#0c8a64;--warning:#b76b00;--danger:#c7354c;--radius:18px;--shadow:0 18px 60px #0e34671a}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.brand-lockup{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.brand-lockup img{object-fit:contain;background:#fff;border-radius:18px;width:74px;height:74px;padding:7px}.brand-lockup strong{letter-spacing:-.02em;font-size:21px;display:block}.brand-lockup span{color:#bcd6ff;font-size:14px}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:2px}.field{gap:8px;margin-bottom:18px;display:grid}.field label{color:#334465;font-size:13px;font-weight:750}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d9dde3;border-radius:12px;outline:none;padding:13px 15px;transition:border .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0c4a9e1a}.password-input{position:relative}.password-input .input{padding-right:48px}.password-toggle{color:#58657a;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover{color:var(--blue);background:#eef5ff}.password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.textarea{resize:vertical;min-height:130px}.button{background:linear-gradient(135deg, var(--blue), #0c4a9e);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:780;display:inline-flex;box-shadow:0 10px 24px #0c4a9e33}.button:hover{filter:brightness(.98);transform:translateY(-1px)}.button.secondary{color:var(--navy);border:1px solid var(--line);box-shadow:none;background:#fff}.button.danger{color:var(--danger);box-shadow:none;background:#fff;border:1px solid #f2cbd2}.button.danger-solid{color:#fff;background:linear-gradient(135deg,#c7354c,#a91f39);box-shadow:0 10px 24px #c7354c38}.button.full{width:100%}.error-box,.success-box{border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px}.error-box{color:#99243a;background:#fff0f3;border:1px solid #ffd4dc}.success-box{color:#076a4c;background:#eafaf4;border:1px solid #c3edde}.security-note{color:var(--muted);gap:10px;margin-top:22px;font-size:13px;line-height:1.5;display:flex}.confirm-dialog{width:min(100% - 32px,450px);max-width:none;color:var(--ink);background:0 0;border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px #02123157}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031433b3}.confirm-dialog-card{background:linear-gradient(155deg,#fff 55%,#edf5ff);border:1px solid #ffffffb3;border-radius:22px;padding:30px;position:relative;overflow:hidden}.confirm-dialog-card:after{content:"";pointer-events:none;border:1px solid #0c4a9e21;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-100px;right:-85px;box-shadow:0 0 0 28px #0c4a9e0a,0 0 0 56px #0c4a9e06}.confirm-dialog-icon{z-index:1;color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:20px;display:grid;position:relative;box-shadow:0 12px 28px #0c4a9e3d}.confirm-dialog.danger .confirm-dialog-icon{background:linear-gradient(135deg,#d44159,#a91f39);box-shadow:0 12px 28px #c7354c38}.confirm-dialog h2{z-index:1;letter-spacing:-.035em;margin:14px 0 9px;font-size:25px;position:relative}.confirm-dialog p{z-index:1;color:var(--muted);margin:0;font-size:14px;line-height:1.65;position:relative}.confirm-dialog-actions{z-index:1;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid;position:relative}.portal-shell{grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#d9e8ff;background:linear-gradient(#071f47,#0c4a9e);flex-direction:column;height:100svh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar .brand-lockup{border-bottom:1px solid #ffffff1a;padding:0 6px 24px}.sidebar .brand-lockup img{border-radius:13px;width:48px;height:48px}.sidebar .brand-lockup strong{color:#fff;font-size:16px}.sidebar nav{gap:5px;margin-top:24px;display:grid}.nav-link{color:#bdd1ef;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:650;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#dad69f1f}.sidebar-user{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 8px 4px}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user strong{color:#fff;font-size:14px}.sidebar-user span{color:#93b0d8;margin-top:4px;font-size:12px}.logout-button{color:#d9e8ff;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:9px;width:100%;margin-top:14px;padding:9px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;justify-content:space-between;align-items:center;min-height:78px;padding:18px 34px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:22px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.page-content{padding:30px 34px 56px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #1036680e}.metric{padding:20px}.metric-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.metric-icon{width:36px;height:36px;color:var(--blue);background:#edf1f7;border-radius:10px;place-items:center;display:grid}.metric strong{letter-spacing:-.04em;margin-top:16px;font-size:30px;display:block}.card{overflow:hidden}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.card-header h2{margin:0;font-size:17px}.card-header p{color:var(--muted);margin:5px 0 0;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e5e9;padding:15px 20px;font-size:13px}th{color:#647491;letter-spacing:.08em;text-transform:uppercase;background:#fafaf6;font-size:11px}tbody tr:hover{background:#fbfdff}.person strong,.person span{display:block}.person span{color:var(--muted);margin-top:3px;font-size:12px}.badge{color:#405573;text-transform:capitalize;background:#edf3fb;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.badge.new{color:#075dbd;background:#e8f2ff}.badge.in_progress{color:#986000;background:#fff5db}.badge.completed{color:#087353;background:#e6f8f1}.badge.spam{color:#a92840;background:#fff0f3}.empty-state{text-align:center;color:var(--muted);padding:58px 24px}.empty-state strong{color:var(--ink);margin:12px 0 5px;display:block}.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;display:grid}.card-body{padding:22px}.message-body{white-space:pre-wrap;color:#334465;line-height:1.75}.meta-list{gap:16px;display:grid}.meta-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.meta-item strong,.meta-item a{margin-top:5px;font-size:14px;display:block}.stack{gap:14px;display:grid}.filter-row{flex-wrap:wrap;gap:10px;display:flex}.filter-row .input,.filter-row .select{width:auto;min-width:190px}.mobile-bar{display:none}.mail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.mail-card{min-height:420px}.mail-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 18px;display:flex}.mail-tabs{align-items:center;gap:6px;display:flex}.mail-tabs a{color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:730;display:inline-flex}.mail-tabs a:hover,.mail-tabs a.active{color:var(--blue);background:#edf1f7}.mail-actions{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex}.mail-search{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.mail-search .select{width:auto;max-width:100%;padding-block:10px}.mail-limit{padding:0 18px 14px;font-size:.875rem}.mail-search .input{width:min(28vw,330px);padding-block:10px}.mail-list{display:grid}.mail-row-wrap{border-bottom:1px solid #e3e5e9;position:relative}.mail-row{grid-template-columns:34px minmax(140px,.75fr) minmax(240px,1.8fr) auto 118px;align-items:center;gap:14px;min-height:72px;padding:12px 66px 12px 18px;transition:background .18s;display:grid}.mail-row:hover{background:#f7f7ef}.mail-row-delete-form{z-index:2;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.mail-delete-button{color:#74839c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.mail-delete-button:hover,.mail-delete-button:focus-visible{color:var(--danger);background:#fff0f3;border-color:#f2cbd2;outline:none}.mail-direction{color:#1771d7;background:#edf1f7;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.mail-direction.outbound{color:#087353;background:#e6f8f1}.mail-party{color:#2d4162;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;overflow:hidden}.mail-subject{min-width:0;display:block}.mail-subject strong,.mail-subject small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mail-subject strong{font-size:14px}.mail-subject small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:450}.mail-row time{color:var(--muted);text-align:right;font-size:12px}.compose-wrap{max-width:1120px;margin:0 auto}.compose-card{overflow:visible}.compose-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compose-body{min-height:300px}.attachment-field{background:#f7f7ef;border:1px dashed #bed0e8;border-radius:12px;padding:15px}.attachment-field label{color:#24426e;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.attachment-field input{max-width:100%;margin-top:10px;display:block}.attachment-field span{color:var(--muted);margin-top:8px;font-size:11px;display:block}.compose-footer{justify-content:space-between;align-items:center;gap:18px;padding-top:6px;display:flex}.compose-footer>span{color:var(--muted);font-size:12px}.employee-create-grid{grid-template-columns:1.2fr 1.2fr .8fr;gap:0 16px;display:grid}.employee-actions{gap:10px;min-width:350px;display:grid}.employee-panel{border:1px solid var(--line);background:#fafaf6;border-radius:10px;padding:9px 11px}.employee-panel summary{cursor:pointer;color:#24426e;font-size:12px;font-weight:750}.password-requirements{max-width:270px;color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.45}.employee-panel form{margin-top:10px}.employee-panel .field{margin-bottom:10px}.employee-access-button,.message-card{width:100%}.message-header{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;padding:26px 28px;display:grid}.message-header h2{letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(22px,3vw,32px)}.message-icon{color:#0863cd;background:#e8f2ff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.message-icon.outbound{color:#087353;background:#e6f8f1}.message-addresses{color:var(--muted);border-bottom:1px solid var(--line);background:#fafaf6;flex-wrap:wrap;align-items:start;gap:14px 34px;padding:18px 28px;display:flex}.message-addresses div span,.message-addresses div strong{display:block}.message-addresses div span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:750}.message-addresses div strong{color:#314565;font-size:13px}.message-addresses time{margin-left:auto;font-size:12px}.message-content{color:#273b5c;white-space:pre-wrap;overflow-wrap:anywhere;min-height:260px;padding:34px 40px;font-size:15px;line-height:1.8}.message-content a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.message-content a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}.muted{color:var(--muted)}.message-attachments{border-top:1px solid var(--line);padding:22px 28px 28px}.message-attachments h3{align-items:center;gap:8px;margin:0 0 14px;font-size:14px;display:flex}.attachment-list{flex-wrap:wrap;gap:10px;display:flex}.attachment-chip{border:1px solid var(--line);background:#fafaf6;border-radius:11px;align-items:center;gap:10px;min-width:190px;padding:11px 13px;display:flex}a.attachment-chip:hover{background:#f2f7fd;border-color:#9fc1ed}.attachment-chip span,.attachment-chip strong,.attachment-chip small{min-width:0;display:block}.attachment-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.attachment-chip small{color:var(--muted);margin-top:3px;font-size:10px}@media (max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.mail-row{grid-template-columns:34px minmax(120px,.65fr) minmax(220px,1.5fr) auto}.mail-row time{display:none}}@media (max-width:780px){.portal-shell{padding-bottom:72px;display:block}.sidebar{display:none}.topbar{padding:16px 20px}.page-content{padding:22px 16px 40px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.mobile-bar{z-index:30;height:68px;padding:8px 6px max(8px, env(safe-area-inset-bottom));background:#041631f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bar a{color:#a9c4ea;place-items:center;gap:2px;font-size:10px;display:grid}th,td{white-space:nowrap;padding:13px 14px}.mail-metrics{grid-template-columns:repeat(3,1fr)}.mail-metrics .metric{padding:12px}.mail-metrics .metric strong{margin-top:10px;font-size:21px}.mail-metrics .metric-head{font-size:9px}.mail-metrics .metric-icon{width:29px;height:29px}.mail-toolbar{flex-direction:column;align-items:stretch}.mail-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.mail-tabs a{justify-content:center;padding-inline:7px;font-size:11px}.mail-actions{width:100%}.mail-search{flex:1}.mail-search .input{width:100%}.mail-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:12px 58px 12px 14px}.mail-party{grid-area:1/2}.mail-subject{grid-area:2/2/auto/4}.mail-row .badge{grid-area:1/3}.mail-direction{grid-row:1/3}.compose-grid,.employee-create-grid{grid-template-columns:1fr;gap:0}.compose-body{min-height:240px}.compose-footer{flex-direction:column;align-items:stretch}.compose-footer .button{width:100%}.message-header{grid-template-columns:42px minmax(0,1fr);padding:20px}.message-header .badge{grid-column:2;justify-self:start}.message-addresses{gap:12px;padding:16px 20px;display:grid}.message-addresses time{margin-left:0}.message-content{min-height:220px;padding:26px 20px}}@font-face{font-family:Comfortaa;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/comfortaa-600.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-400.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-600.ttf)format("truetype")}.auth-shell{--navy:#071f47;--blue:#0c4a9e;--ink:#071f47;--muted:#58657a;background:#f7f7ef;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;min-height:100svh;font-family:Montserrat,sans-serif;display:grid}.auth-header{background:#fff;border-bottom:1px solid #e3e5e9;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:18px 5vw;display:flex}.auth-logo{display:inline-flex}.auth-logo img{width:224px;height:auto}.auth-site-link{color:#071f47;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.auth-site-link:hover{color:#0c4a9e}.auth-shell a:focus-visible,.auth-shell button:focus-visible{outline-offset:5px;outline:3px solid #a3945d}.auth-brand{color:#fff;background:radial-gradient(at 100% 100%,#0c4a9e 0%,#0000 65%),#071f47;flex-direction:column;justify-content:center;padding:72px 5vw;display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";pointer-events:none;border:1px solid #a3945d66;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-280px;right:-230px;box-shadow:0 0 0 55px #dad69f08,0 0 0 110px #dad69f06}.auth-message{z-index:1;max-width:560px;margin:auto 0;padding:30px 0 64px;position:relative}.auth-message .eyebrow{color:#dad69f;font-size:11px;font-weight:600}.auth-message h1{letter-spacing:-.045em;margin:28px 0 24px;font-family:Comfortaa,sans-serif;font-size:clamp(34px,3.7vw,60px);font-weight:600;line-height:1.24}.auth-message h1 span{color:#dad69f}.auth-message p{color:#dce3ed;max-width:440px;margin:0;font-size:16px;line-height:1.85}.auth-footer{z-index:1;color:#dad69f;font-size:12px;position:relative}.auth-panel{place-items:center;padding:64px 5vw;display:grid}.auth-card{width:min(100%,440px)}.auth-card .eyebrow{color:#0c4a9e;font-size:11px;font-weight:600}.auth-card h2{letter-spacing:-.04em;margin:20px 0 14px;font-family:Comfortaa,sans-serif;font-size:34px;font-weight:600;line-height:1.25}.auth-card>p{color:#58657a;margin:0 0 32px;font-size:14px;line-height:1.8}.auth-card .field{gap:10px;margin-bottom:22px}.auth-card .field label{color:#071f47;font-weight:600}.auth-card .input{border-color:#d9dde3;border-radius:10px;min-height:52px}.auth-card .input:focus{border-color:#0c4a9e;box-shadow:0 0 0 4px #0c4a9e14}.auth-card .button{background:#071f47;border-radius:10px;min-height:52px;font-size:14px;font-weight:600;box-shadow:0 8px 20px #071f4714}.auth-card .button:hover{background:#0c4a9e}.auth-card .button:disabled{cursor:wait;opacity:.8;transform:none}.login-spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}.auth-card .auth-help{margin:24px 0 0;font-size:12px}.auth-card .security-note{border-top:1px solid #dedfd7;align-items:center;margin-top:24px;padding-top:22px;font-size:12px}.auth-card .security-note svg{color:#0c4a9e;flex-shrink:0}@media (max-width:780px){.auth-shell{grid-template-columns:1fr}.auth-header{gap:16px;padding:16px 24px}.auth-logo img{width:168px}.auth-site-link{font-size:11px}.auth-site-link svg{display:none}.auth-brand{padding:32px 24px}.auth-message{padding:0}.auth-message h1{margin:20px 0 16px;font-size:34px}.auth-message p{font-size:14px}.auth-footer{display:none}.auth-panel{padding:40px 24px}.auth-card h2{font-size:30px}}.mail-pagination{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;font-size:13px;display:flex}.mail-pagination>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mail-pagination [aria-disabled=true]{opacity:.45;cursor:default;transform:none}.portal-shell h1,.portal-shell h2,.portal-shell h3{font-family:Comfortaa,sans-serif;font-weight:600;line-height:1.35}.portal-shell .sidebar{background:#071f47}.portal-shell .sidebar .brand-lockup{flex-direction:column;align-items:flex-start;gap:0;padding:0 0 24px}.portal-shell .sidebar .brand-lockup img{background:0 0;border-radius:0;width:216px;max-width:100%;height:auto;padding:0}.portal-shell .sidebar .brand-lockup>span{color:#dad69f;letter-spacing:.14em;text-transform:uppercase;margin:0 0 0 18px;font-size:10px;font-weight:600}.portal-shell .nav-link{color:#dce3ed;padding-block:14px;font-weight:600}.portal-shell .nav-link:hover{color:#dad69f}.portal-shell .sidebar-user{border-color:#dad69f33}.portal-shell .sidebar-user span{color:#bdc8d8}.portal-shell .logout-button{border-color:#dad69f55}.portal-shell .logout-button:hover{background:#dad69f14}.portal-shell .topbar{background:#fff;flex-wrap:wrap;gap:16px}.portal-shell .topbar h1{font-size:24px}.portal-shell .topbar p{line-height:1.6}.portal-shell .button:not(.danger):not(.danger-solid):not(.secondary){background:#071f47;box-shadow:0 8px 20px #071f4714}.portal-shell .button{border-radius:10px;font-weight:600}.portal-shell .button:hover{border-color:#a3945d}.portal-shell .metric,.portal-shell .card{border-radius:16px;box-shadow:0 8px 28px #071f4708}.portal-shell .metric-icon{color:#0c4a9e;background:#f0f2e5}.portal-shell .mail-tabs a.active{color:#071f47;background:#dad69f55}.portal-shell .mail-tabs a{font-weight:600}.portal-shell .mail-row{grid-template-columns:34px minmax(100px,.75fr) minmax(0,1.8fr) auto 118px}.portal-shell .mail-direction{color:#0c4a9e}.portal-shell .mail-direction.outbound{color:#087353}.portal-shell .mobile-bar{background:#071f47}.portal-shell .mobile-bar a{color:#dad69f}@media (max-width:1050px){.portal-shell .mail-row{grid-template-columns:34px minmax(90px,.65fr) minmax(0,1.5fr) auto}}@media (max-width:780px){.portal-shell .mail-row{grid-template-columns:32px minmax(0,1fr) auto}.portal-shell .topbar h1{font-size:22px}.portal-shell .mail-search,.portal-shell .mail-search .select{width:100%}.portal-shell .mail-actions>form:last-child{flex-shrink:0}.portal-shell .mail-pagination{font-size:12px}}