:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--crc-navy: #0a0705;--crc-navy-strong: #020201;--crc-blue: #d8af5f;--crc-green: #f1cf88;--crc-red: #b64a29;--crc-ink: #1c160e;--crc-muted: #756650;--crc-line: #e4d6bc;--crc-soft: #f4ead8;--crc-surface: #fbf7ef;--crc-white: #fffdf8;--crc-on-dark: #fffdf8;--crc-on-dark-muted: rgba(255, 253, 248, .78);--crc-on-dark-soft: rgba(255, 253, 248, .62);--crc-gold-dark: #9a6b2f;--shadow: 0 18px 50px rgba(26, 16, 5, .18)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--crc-surface);color:var(--crc-ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.68}.boot-screen,.login-page,.mail-app{min-height:100vh}.boot-screen{display:grid;place-items:center;gap:18px;align-content:center;background:var(--crc-navy-strong)}.boot-logo{width:min(220px,68vw);height:auto}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{position:relative;isolation:isolate;display:grid;place-items:center;padding:28px;background:var(--crc-navy-strong);overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(216,175,95,.3),transparent 38%),linear-gradient(225deg,rgba(182,74,41,.18),transparent 32%),linear-gradient(180deg,#0202019e,#020201d6)}.login-background-video,.app-background-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(1.08) contrast(1.12) brightness(.56);pointer-events:none}.login-panel{position:relative;z-index:2;width:min(100%,490px);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--crc-white);box-shadow:var(--shadow)}.brand-lockup{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:28px}.brand-lockup img{width:112px;max-width:100%;height:auto;border-radius:50%;background:#000}.eyebrow{margin:0 0 5px;color:var(--crc-green);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1,h2{margin:0;color:var(--crc-ink);letter-spacing:0}.brand-lockup h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.08}.login-form,.compose-form{display:grid;gap:16px}.multi-login-list{display:grid;gap:14px}.account-login-row{display:grid;gap:12px;padding:14px;border:1px solid var(--crc-line);border-radius:8px;background:#fff9ee}.account-login-row-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--crc-ink);font-size:.9rem}.ghost-button,.small-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--crc-line);border-radius:8px;background:var(--crc-white);color:var(--crc-gold-dark);font-weight:850}.ghost-button{gap:8px;min-height:40px;padding:0 12px}.ghost-button:hover,.small-icon-button:hover{border-color:var(--crc-blue);background:#fff6e5}.small-icon-button{width:34px;height:34px}.small-icon-button.danger{color:var(--crc-red)}label{display:grid;gap:7px;color:var(--crc-muted);font-size:.88rem;font-weight:700}.field,.search-field{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;border:1px solid var(--crc-line);border-radius:8px;background:var(--crc-white);color:var(--crc-muted)}.field{padding:0 12px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--crc-line);border-radius:8px;background:var(--crc-white);color:var(--crc-ink);outline:none}.field input,.search-field input{height:42px;border:0;border-radius:0}textarea{min-height:260px;padding:12px;resize:vertical}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:focus,select:focus,textarea:focus,.field:focus-within,.search-field:focus-within{border-color:var(--crc-blue);box-shadow:0 0 0 3px #d8af5f33}.status-warning,.status-ok,.form-error,.error-banner{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:700}.status-warning,.form-error,.error-banner{border:1px solid rgba(216,66,66,.25);background:#d8424217;color:#9f2525}.status-ok{border:1px solid rgba(47,186,124,.25);background:#d8af5f21;color:#6c491d}.primary-button,.icon-button,.folder-button,.message-row{border:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border-radius:8px;background:var(--crc-blue);color:#1a1208;font-weight:800;text-decoration:none}.primary-button:hover{background:#efca82}.full-width{width:100%}.mail-app{position:relative;isolation:isolate;display:grid;grid-template-columns:260px minmax(0,1fr);height:100vh;background:var(--crc-navy-strong);overflow:hidden}.mail-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 72% 18%,rgba(216,175,95,.16),transparent 34%),linear-gradient(135deg,#080706e6,#17120edb 45%,#080706eb)}.mail-app>:not(.app-background-video){position:relative;z-index:2}.sidebar{position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;min-height:100vh;padding:22px;background:linear-gradient(180deg,rgba(216,175,95,.09),transparent 34%),var(--crc-navy-strong);color:var(--crc-on-dark);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02020185,#020201c7),linear-gradient(90deg,#020201d1,#0202015c)}.sidebar-background-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.08) contrast(1.12) brightness(.62);pointer-events:none}.sidebar>:not(.sidebar-background-video){position:relative;z-index:2}.sidebar-brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.sidebar-brand img{width:58px;max-width:100%;height:auto;border-radius:50%;background:#000}.sidebar-brand strong,.sidebar-brand span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand strong{color:var(--crc-green);font-size:1.05rem}.sidebar-brand span{color:var(--crc-on-dark-muted);font-weight:700}.compose-button{background:var(--crc-blue);color:#1a1208}.compose-button:hover{background:#efca82}.folder-nav{display:grid;align-content:start;gap:6px;min-height:0;overflow:auto}.folder-button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:8px;background:transparent;color:var(--crc-on-dark-muted);text-align:left}.folder-button span,.sidebar-account span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#d8af5f;color:#1a1208;font-size:.72rem;font-weight:950;line-height:1;box-shadow:0 0 0 1px #fffdf82e}.folder-button:hover,.folder-button.active{background:#ffffff1f;color:var(--crc-on-dark)}.folder-button:hover span,.folder-button.active span{color:var(--crc-on-dark)}.folder-button:hover svg,.folder-button.active svg{color:var(--crc-blue)}.folder-button.active{box-shadow:inset 3px 0 0 var(--crc-blue)}.sidebar-account{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);color:var(--crc-on-dark-muted);font-size:.9rem;font-weight:700}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;padding:18px 22px;border-bottom:1px solid var(--crc-line);background:var(--crc-white)}.topbar h1{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.12}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--crc-soft);color:var(--crc-gold-dark)}.icon-button:hover{background:#ead9b8}.icon-button.danger{background:#d842421a;color:var(--crc-red)}.error-banner{margin:14px 22px 0}.mail-grid{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:0;flex:1 1 auto;min-height:0;height:auto;align-self:stretch;overflow:hidden;padding:12px 18px 18px}.message-list,.reader{min-width:0;min-height:0;height:auto;align-self:stretch;border:1px solid var(--crc-line);background:var(--crc-white)}.message-list{display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:8px 0 0 8px;border-right:0}.reader{display:flex;flex-direction:column;border-radius:0 8px 8px 0;overflow:hidden}.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:66px;padding:12px;border-bottom:1px solid var(--crc-line)}.search-field{padding:0 11px}.message-count{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--crc-soft);color:var(--crc-muted);font-weight:800}.message-scroll{min-height:0;overflow:auto}.message-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;width:100%;min-height:86px;padding:13px 14px;border-bottom:1px solid var(--crc-line);background:var(--crc-white);color:var(--crc-ink);text-align:left}.message-row:hover,.message-row.active{background:#fff6e5}.message-row.active{box-shadow:inset 4px 0 0 var(--crc-blue)}.message-row.unread strong,.message-row.unread .message-subject{font-weight:850}.message-row-icon{display:grid;place-items:start center;padding-top:4px;color:var(--crc-gold-dark)}.message-row-main,.message-row-top{min-width:0}.message-row-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.message-row-top strong,.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-top strong{font-size:.92rem}.message-row-top time{color:var(--crc-muted);font-size:.78rem;white-space:nowrap}.message-subject{display:block;margin-top:7px;color:var(--crc-muted);font-size:.88rem}.account-badge{display:inline-flex;align-items:center;max-width:100%;min-height:26px;margin-top:9px;padding:0 8px;border:1px solid rgba(154,107,47,.28);border-radius:8px;background:#d8af5f29;color:var(--crc-gold-dark);font-size:.76rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:grid;place-items:center;gap:10px;min-height:220px;padding:22px;color:var(--crc-muted);font-weight:800}.reader-header{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:0 0 auto;gap:16px;align-items:start;min-height:112px;padding:18px;border-bottom:1px solid var(--crc-line)}.reader-actions{display:flex;gap:8px;align-items:center}.reader-from,.reader-meta{margin:0;color:var(--crc-muted);font-size:.9rem}.reader-header h2{margin:5px 0 8px;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.16}.attachments{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--crc-line);background:#fff9ee}.reader-message-area{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;height:100%;overflow:hidden;background:#fffdf8}.attachment-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:0 10px;border:1px solid var(--crc-line);border-radius:8px;color:var(--crc-muted);font-size:.84rem;font-weight:700;text-decoration:none}.attachment-pill:hover{background:#f4ead8;color:var(--crc-gold-dark)}.message-frame{display:block;flex:1 1 auto;width:100%;min-height:0;height:auto;border:0;background:#fffdf8}.reader-empty{align-items:center;justify-content:center;gap:15px;padding:24px;text-align:center}.reader-empty h2{color:var(--crc-muted);font-size:1.25rem}.reader-mark{width:92px;height:92px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;justify-items:end;background:#0f2f4652}.compose-drawer{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(620px,100vw);min-height:100vh;background:var(--crc-white);box-shadow:-18px 0 50px #0a070547}.compose-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 18px;border-bottom:1px solid var(--crc-line)}.compose-header h2{font-size:1.28rem}.compose-form{min-height:0;padding:18px;overflow:auto}.compose-form input,.compose-form select{height:42px;padding:0 12px}.compose-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.message-body-field{min-height:0}.send-button{justify-self:end;min-width:148px}.theme-dark{--crc-ink: #f5ead6;--crc-muted: #b8aa94;--crc-line: #40382f;--crc-soft: #2b2823;--crc-surface: #11100e;--crc-white: #1f1e1b;background:radial-gradient(circle at 72% 18%,rgba(216,175,95,.14),transparent 34%),linear-gradient(135deg,#080706,#17120e 45%,#080706)}.theme-dark .message-row:hover,.theme-dark .message-row.active{background:#d8af5f2e}.theme-dark .message-row.active{box-shadow:inset 4px 0 0 var(--crc-blue)}.theme-dark .account-badge{color:#f1cf88;background:#d8af5f24;border-color:#d8af5f4d}.theme-dark .search-field input,.theme-dark .field input,.theme-dark input,.theme-dark select,.theme-dark textarea{color:#f5ead6}.theme-light{--crc-ink: #1c160e;--crc-muted: #756650;--crc-line: #e4d6bc;--crc-soft: #f4ead8;--crc-surface: #fbf7ef;--crc-white: #fffdf8;color:#1c160e;background:var(--crc-surface)}.theme-light .message-row,.theme-light .reader,.theme-light .message-list,.theme-light .topbar,.theme-light .settings-panel{color:#1c160e}.outlook-sidebar{width:310px;padding:14px}.mail-app{grid-template-columns:310px minmax(0,1fr)}.sidebar-section-title{margin:10px 8px 6px;color:var(--crc-on-dark-soft);font-size:.76rem;font-weight:900;text-transform:uppercase}.account-folder-group{display:grid;gap:4px;margin-top:12px}.account-title{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--crc-green);font-size:.9rem;font-weight:900;text-align:left}.account-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-title.active,.account-title:hover{background:#d8af5f21;color:var(--crc-on-dark)}.sidebar-footer-actions{display:grid;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-footer-actions .sidebar-account{display:block;min-height:auto;padding:4px 8px;border-top:0}.outlook-topbar{min-height:76px}.topbar-subtitle{display:block;margin-top:4px;color:var(--crc-muted);font-size:.84rem;font-weight:700}.primary-button.compact{min-height:36px}.text-button{min-height:34px;padding:0 10px;border:1px solid var(--crc-line);border-radius:8px;background:transparent;color:var(--crc-gold-dark);font-weight:850}.text-button:hover{background:#d8af5f21}.compose-ribbon .text-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:#f6ead2;border-color:#d8af5f4d}.compose-ribbon .text-button:hover{background:#d8af5f2e;color:#fffdf8}.ribbon-divider{width:1px;height:28px;background:var(--crc-line)}.server-toggle{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--crc-line);border-radius:8px;background:var(--crc-white);color:var(--crc-gold-dark);font-weight:850}.server-options{display:grid;gap:12px;padding:12px;border:1px dashed var(--crc-line);border-radius:8px;background:#d8af5f14}.server-preset-row{display:flex;gap:8px;flex-wrap:wrap}.check-row{display:flex;grid-template-columns:none;align-items:center;gap:8px;font-weight:800}.check-row input{width:auto;min-width:auto}.compose-backdrop{position:fixed;top:96px;right:0;bottom:0;left:310px;z-index:1000;display:grid;align-items:start;justify-items:center;padding:22px;background:#00000038;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compose-window{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);height:min(790px,calc(100vh - 132px));justify-self:center;align-self:start;border:1px solid var(--crc-line);border-radius:8px;background:#fffdf8;color:#1c160e;box-shadow:0 28px 80px #00000070;overflow:hidden}.compose-ribbon{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 12px;border-bottom:1px solid var(--crc-line);background:#161512}.compose-ribbon-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compose-outlook-form{display:grid;grid-auto-rows:auto;min-height:0;background:#fffdf8;color:#1c160e}.compose-line{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 14px;border-bottom:1px solid #e4d6bc;background:#fffdf8}.compose-line span{color:#756650;font-weight:850}.compose-line input,.compose-line select,.compose-subject{height:38px;border:0;background:transparent;color:#1c160e}.compose-subject{padding:0 14px;border-bottom:1px solid #e4d6bc;border-radius:0;background:#fffdf8;color:#1c160e}.compose-attachment-dropzone{display:grid;grid-template-columns:22px auto minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:8px 14px;border-bottom:1px solid #e4d6bc;background:#fff8ea;color:#1c160e;cursor:pointer}.compose-attachment-dropzone:hover,.compose-attachment-dropzone:focus-visible{outline:none;background:#f7ebcf}.compose-attachment-dropzone svg{color:#9a6b2f}.compose-attachment-dropzone span{font-weight:850}.compose-attachment-dropzone small{min-width:0;color:#756650;font-weight:700}.compose-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid #e4d6bc;background:#fff8ea}.compose-attachment-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:32px;padding:0 8px 0 10px;border:1px solid #d8c498;border-radius:8px;background:#fffdf8;color:#1c160e;font-size:.84rem;font-weight:750}.compose-attachment-pill span{min-width:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachment-pill small{color:#756650;font-weight:800;white-space:nowrap}.compose-attachment-pill button{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#9a6b2f}.compose-attachment-pill button:hover{background:#f4ead8}.html-editor{min-height:0;padding:34px 42px;overflow:auto;color:#1c160e;background:linear-gradient(180deg,rgba(216,175,95,.05),transparent 160px),#fffdf8;outline:none;font-size:1rem;line-height:1.55}.html-editor table{color:initial}.ribbon-select{min-height:34px;width:auto;padding:0 10px;border-radius:8px;background:var(--crc-white);color:var(--crc-ink)}.ribbon-check{display:inline-flex;align-items:center;gap:6px;color:var(--crc-muted);font-size:.84rem;font-weight:850}.ribbon-check input{width:auto;min-width:auto}.compose-ribbon .ribbon-check{color:#f6ead2}.html-editor:empty:before{content:"Rediger votre message";color:#756650}.settings-backdrop{position:fixed;top:96px;right:0;bottom:0;left:310px;z-index:1001;display:grid;align-items:start;justify-items:center;padding:22px;background:#0000003d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-panel{display:grid;align-content:start;gap:18px;width:min(860px,100%);height:min(760px,calc(100vh - 132px));padding:20px;background:var(--crc-white);color:var(--crc-ink);border:1px solid var(--crc-line);border-radius:8px;box-shadow:0 28px 80px #00000070;overflow:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-section{display:grid;gap:14px;padding:16px;border:1px solid var(--crc-line);border-radius:8px;background:#d8af5f12}.settings-section h3{margin:0;color:var(--crc-ink);font-size:1rem}.settings-section select{height:42px;padding:0 12px}.settings-section textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.add-account-panel{width:min(680px,100%);height:auto;max-height:min(760px,calc(100vh - 132px))}.add-account-panel .login-form{overflow:auto;min-height:0;padding-right:2px}.add-account-panel input,.add-account-panel select{height:42px;padding:0 12px}.pane-bottom .mail-grid{grid-template-columns:420px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pane-hidden .mail-grid{grid-template-columns:minmax(360px,520px) minmax(0,1fr)}.pane-hidden .reader{display:none}.density-compact .message-row{min-height:68px;padding-top:9px;padding-bottom:9px}@media(max-width:1020px){.mail-app{grid-template-columns:86px minmax(0,1fr)}.compose-backdrop,.settings-backdrop{left:86px}.sidebar{padding:16px 12px}.sidebar-brand img{width:52px}.folder-button,.sidebar-account,.compose-button{grid-template-columns:1fr;justify-items:center;padding:0}.folder-button span,.sidebar-account span,.compose-button,.sidebar-brand div{font-size:0;display:none}}@media(max-width:760px){.mail-app{grid-template-columns:1fr}.compose-backdrop,.settings-backdrop{top:70px;left:0;padding:12px}.compose-window,.settings-panel{height:calc(100vh - 94px)}.add-account-panel{height:auto;max-height:calc(100vh - 94px)}.sidebar{position:sticky;top:0;z-index:20;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;min-height:auto;padding:10px}.sidebar-brand img{width:44px}.folder-nav{display:flex;overflow-x:auto;min-height:42px}.folder-button{width:42px;min-width:42px}.sidebar-account{display:none}.workspace{min-height:calc(100vh - 62px)}.topbar{align-items:flex-start;flex-direction:column;min-height:auto;padding:14px}.topbar-actions{width:100%;justify-content:flex-start}.mail-grid{grid-template-columns:1fr;grid-template-rows:minmax(260px,38vh) minmax(420px,1fr);padding:12px 14px 16px}.message-list{border-right:1px solid var(--crc-line);border-radius:8px 8px 0 0}.reader{border-top:0;border-radius:0 0 8px 8px}.compose-two{grid-template-columns:1fr}}@media(max-width:520px){.login-page{padding:14px}.login-panel{padding:20px}.brand-lockup{grid-template-columns:1fr}.brand-lockup img{width:132px}.primary-button{padding:0 12px}}