@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lato:wght@400;700&family=Merriweather+Sans:wght@400;700&family=Montserrat:wght@400;500;700&family=Nunito+Sans:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;700&family=Roboto:wght@400;500;700&family=Source+Sans+3:wght@400;600;700&family=Ubuntu:wght@400;500;700&display=swap');

:root{
  --bg:#f2f4f7;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --line:#dfe4ea;
  --text:#1d2433;
  --muted:#667085;
  --brand:#fe0202;
  --brand-dark:#c40000;
  --brand-soft:#fff1f1;
  --success:#0c8a57;
  --danger:#cf1e1e;
  --shadow:0 12px 30px rgba(16,24,40,.06);
}

.theme-dark{
  --bg:#10131a;
  --surface:#171b24;
  --surface-2:#1d2330;
  --line:#2e3442;
  --text:#f1f5f9;
  --muted:#9aa4b2;
  --brand:#ff4040;
  --brand-dark:#e01717;
  --brand-soft:#2a1616;
  --shadow:none;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--app-font,"Ubuntu"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
input,textarea,select,button{font:inherit}
button,.primary,.compose-btn{border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:700;cursor:pointer;padding:12px 18px;transition:.18s ease}
button:hover,.primary:hover,.compose-btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);background:#fff;color:var(--text);outline:none}
.theme-dark input,.theme-dark textarea,.theme-dark select{background:var(--surface-2);color:var(--text)}
input:focus,textarea:focus,select:focus{border-color:var(--brand)}
label{display:block;margin:14px 0 0;color:var(--muted);font-size:13px;font-weight:700}
label input,label textarea,label select{display:block;margin-top:7px}
textarea{resize:vertical;min-height:140px}
h1,h2,h3{letter-spacing:-.03em;margin:0 0 12px}
h1{font-size:29px}
h2{font-size:18px;margin-top:24px}
p{margin:0 0 12px}
small{color:var(--muted)}
.alert{padding:13px 15px;margin:0 0 16px;font-weight:700;border:1px solid transparent}
.alert.error{background:#fff2f2;color:var(--danger);border-color:#ffd2d2}
.alert.ok{background:#edfdf5;color:var(--success);border-color:#c7f0d6}
.page-alert{margin:18px 24px 0}
.logo-wordmark,.brand-logo{height:40px;width:auto}
.top-logo{height:32px;width:auto}

.mail-app{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:18px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}
.sidebar-head{display:flex;align-items:center;padding:4px 0 16px}
.compose-btn{display:flex;align-items:center;justify-content:center;min-height:52px;margin-bottom:18px}
.folders{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:4px}
.folders a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;color:var(--muted);font-weight:700;border-left:3px solid transparent}
.folders a::before{content:'✉';font-size:15px;opacity:.8}
.folders a.active,.folders a:hover{background:var(--brand-soft);color:var(--brand);border-left-color:var(--brand)}
.folders a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folders .is-settings::before{content:'⚙'}
.folders .is-sent::before{content:'➜'}
.folders .is-trash::before{content:'🗑'}
.folders .is-drafts::before{content:'📝'}
.folders .is-spam::before{content:'!'}
.new-folder{display:grid;grid-template-columns:1fr 54px;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.new-folder input{margin:0}
.user-panel{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px}
.user-panel span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-links{display:flex;flex-wrap:wrap;gap:10px}
.user-links a{font-size:13px;font-weight:700;color:var(--brand)}

.mail-main{min-width:0;display:flex;flex-direction:column;background:var(--bg)}
.topbar,.surface,.message-shell,.composer,.settings-shell{background:var(--surface)}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line)}
.search{flex:1;display:flex;gap:12px;align-items:center}
.search input{margin:0;min-height:50px;background:var(--surface-2)}
.search button{min-width:150px}
.counter{white-space:nowrap;color:var(--muted);font-weight:700}
.surface{padding-bottom:22px}
.mail-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 24px 10px}
.mail-toolbar select{width:auto;min-width:185px;background:var(--surface-2)}
.mail-toolbar button{padding:10px 14px}
.select-all,.checkline{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:14px}
.select-all input,.checkline input{width:auto;margin:0;accent-color:var(--brand)}
.message-list{padding:0 24px;display:flex;flex-direction:column;gap:8px}
.message-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px}
.row-check{width:18px;height:18px;accent-color:var(--brand)}
.message-link{display:grid;grid-template-columns:34px minmax(150px,240px) minmax(180px,1fr) 82px 96px;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:15px 16px;min-width:0}
.message-row.unseen .message-link{border-left:3px solid var(--brand);background:#fff}
.message-link:hover{border-color:#c7cdd6;background:var(--surface-2)}
.status{color:#f59e0b;font-size:18px;text-align:center}
.sender,.subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sender{font-weight:700}
.message-row.seen .sender,.message-row.seen .subject,.message-row.seen .size,.message-row.seen time{color:var(--muted)}
.subject{color:var(--text)}
.size,time{font-size:13px;color:var(--muted);text-align:right}
.compact-list .message-link{padding:11px 14px}
.empty{margin:18px 24px 0;border:1px dashed var(--line);padding:36px;text-align:center;color:var(--muted);background:var(--surface)}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 22px 0;color:var(--muted);font-weight:700}
.pager a{color:var(--brand)}

.reader-wrap,.settings-wrap,.composer-wrap{display:flex;flex-direction:column;min-width:0}
.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface)}
.reader-brand{display:flex;align-items:center;gap:14px;min-width:0}
.back-link,.reader-actions a,.composer-actions a,.subtle-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:10px 13px;font-weight:700}
.reader-actions{display:flex;gap:10px;flex-wrap:wrap}
.message-shell{padding-bottom:24px}
.reader,.composer,.settings-shell{padding:26px 28px}
.reader h1,.composer h1,.settings-shell h1{font-size:29px;line-height:1.15;margin-bottom:16px}
.kicker{font-size:12px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.lead{color:var(--muted);line-height:1.55;margin-bottom:18px}
.meta{border:1px solid var(--line);background:var(--surface-2);padding:16px 18px;margin-bottom:18px}
.meta-grid{display:grid;grid-template-columns:160px 1fr;gap:10px 14px}
.meta-grid strong{color:var(--text)}
.inline-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0 14px}
.inline-actions button{padding:10px 14px}
.inline-actions .danger-btn{background:var(--danger);border-color:var(--danger)}
.inline-actions select{width:auto;min-width:180px;background:var(--surface-2)}
.attachments{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);padding:14px 16px;margin:16px 0}
.attachments a{border:1px solid var(--line);padding:8px 10px;color:var(--brand);font-weight:700;background:#fff}
.theme-dark .attachments a{background:var(--surface)}
.mail-body{margin-top:18px;padding:20px;border:1px solid var(--line);background:#fff;line-height:1.68;overflow:auto}
.theme-dark .mail-body{background:var(--surface-2)}
.mail-body img{max-width:100%;height:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.composer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.section-card{border:1px solid var(--line);background:var(--surface-2);padding:18px 18px 20px;margin-top:16px}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);padding:36px;box-shadow:var(--shadow)}
.login-card h1{margin:22px 0 8px}
.login-card p{color:var(--muted);line-height:1.58}
.login-card small{display:block;margin-top:16px;line-height:1.55}
.brand-shell{display:flex;align-items:center}

@media (max-width: 1100px){
  .mail-app{grid-template-columns:280px minmax(0,1fr)}
  .message-link{grid-template-columns:30px minmax(120px,200px) minmax(140px,1fr) 72px 82px}
}
@media (max-width: 940px){
  .mail-app{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .search{display:grid}
  .search button{min-width:0}
  .message-link{grid-template-columns:28px 1fr 78px}
  .message-link .sender{grid-column:2}
  .message-link .subject{grid-column:2 / 4}
  .message-link .size{display:none}
  .reader-bar{flex-wrap:wrap}
  .grid2,.meta-grid{grid-template-columns:1fr}
  .reader,.composer,.settings-shell{padding:20px}
}


.reader-title-wrap{min-width:0;display:flex;flex-direction:column}
.reader-subject-head{display:block;font-size:15px;line-height:1.35;max-width:100%;white-space:normal}
.message-header-card{border:1px solid var(--line);background:var(--surface-2);padding:18px 20px;margin-bottom:18px}
.message-header-card h1{margin-bottom:14px}
.technical-details{border:1px solid var(--line);background:var(--surface-2);margin:18px 0 0;padding:0}
.technical-details summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--line);list-style:none}
.technical-details summary::-webkit-details-marker{display:none}
.tech-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}
.tech-card{border:1px solid var(--line);background:var(--surface);padding:14px 16px;min-width:0}
.tech-card h2{font-size:15px;margin:0 0 12px;color:var(--text)}
.tech-card dl{margin:0;display:flex;flex-direction:column;gap:0}
.tech-card-full{grid-column:1 / -1}
.tech-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.tech-row:first-child{border-top:0;padding-top:0}
.tech-row dt{font-weight:700;color:var(--text)}
.tech-row dd{margin:0;color:var(--muted);min-width:0}
.tech-value{line-height:1.55;word-break:break-word}
.tech-row pre{white-space:pre-wrap;word-break:break-word;margin:0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:inherit;background:#fff;padding:10px;border:1px solid var(--line);overflow:auto}
.theme-dark .tech-row pre{background:var(--surface-2)}
@media (max-width: 940px){
  .tech-sections{grid-template-columns:1fr}
  .tech-row{grid-template-columns:1fr;gap:6px}
  .reader-subject-head{font-size:14px}
}

/* v1.2.9 — interface compacte, icônes SVG monochromes, lecture technique structurée */
.mail-app{grid-template-columns:300px minmax(0,1fr)}
.sidebar{padding:14px 20px}
.logo-wordmark,.brand-logo{height:34px}.compose-btn{min-height:46px;margin-bottom:12px;padding:10px 14px}.folders a{min-height:38px;padding:8px 10px;font-size:14px}.new-folder{padding-top:10px;margin-top:10px}.user-panel{padding-top:12px;font-size:13px}
.topbar{padding:12px 20px}.search input{min-height:44px}.search button{min-width:130px;padding:10px 14px}.mail-toolbar{padding:12px 20px 8px}.message-list{padding:0 20px;gap:6px}.message-row{grid-template-columns:26px minmax(0,1fr)}.message-link{grid-template-columns:26px minmax(130px,220px) minmax(160px,1fr) 70px 82px;padding:11px 12px;font-size:14px}.status{font-size:16px}.size,time{font-size:12px}
.reader-bar{padding:12px 20px}.reader,.composer,.settings-shell{padding:18px 22px}.reader h1,.composer h1,.settings-shell h1{font-size:24px;margin-bottom:12px}.message-shell{padding-bottom:16px}.message-header-card{padding:14px 16px;margin-bottom:12px}.meta-grid{grid-template-columns:140px 1fr;gap:6px 12px;font-size:13px}.inline-actions{gap:8px;margin:12px 0}.inline-actions button,.inline-actions select,.back-link,.reader-actions a,.composer-actions a{padding:8px 11px;font-size:13px}.mail-body{margin-top:12px;padding:16px;font-size:14px;line-height:1.6}.attachments{margin:12px 0;padding:10px 12px;font-size:13px}.attachments a{padding:7px 9px}.kicker{font-size:11px;margin-bottom:4px}.reader-subject-head{font-size:14px}.section-card{padding:14px 16px;margin-top:12px}.grid2{gap:10px}label{margin-top:10px}input,textarea,select{padding:10px 12px}button,.primary,.compose-btn{padding:10px 14px}

.folders a::before,.compose-btn::before{content:'';width:18px;height:18px;display:inline-block;flex:0 0 18px;background:currentColor;mask-size:18px 18px;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:18px 18px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;opacity:.88}
.compose-btn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.folders a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.folders .is-settings::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2 2-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5V21h-3v-.2a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.9.3l-.1.1-2-2 .1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H4v-3h.2a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1 2-2 .1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.5V3h3v.2a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1 2 2-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.5 1h.2v3h-.2a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2 2-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5V21h-3v-.2a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.9.3l-.1.1-2-2 .1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H4v-3h.2a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1 2-2 .1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.5V3h3v.2a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1 2 2-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.5 1h.2v3h-.2a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E")}
.folders .is-sent::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")}
.folders .is-trash::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 15h10l1-15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 15h10l1-15'/%3E%3C/svg%3E")}
.folders .is-drafts::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}

.technical-details{border:1px solid var(--line);background:var(--surface-2);margin:14px 0 0;padding:0}.technical-details summary{cursor:pointer;padding:11px 14px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--line);list-style:none}.technical-details summary::-webkit-details-marker{display:none}.tech-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.tech-card{border:1px solid var(--line);background:var(--surface);padding:10px 12px;min-width:0}.tech-card h2{font-size:13px;margin:0 0 8px;color:var(--text)}.tech-card dl{margin:0;display:flex;flex-direction:column}.tech-card-full{grid-column:1/-1}.tech-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--line)}.tech-row:first-child{border-top:0;padding-top:0}.tech-row dt{font-weight:700;color:var(--text);font-size:12px}.tech-row dd{margin:0;color:var(--muted);min-width:0;font-size:12px}.tech-value{line-height:1.45;word-break:break-word}.tech-row pre{white-space:pre-wrap;word-break:break-word;margin:0;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:inherit;background:#fff;padding:8px;border:1px solid var(--line);overflow:auto;max-height:110px}.theme-dark .tech-row pre{background:var(--surface-2)}
.editor-block>label{margin-bottom:6px}.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;border:1px solid var(--line);border-bottom:0;background:var(--surface-2);padding:6px}.rich-toolbar button{width:32px;height:30px;padding:0;display:grid;place-items:center;background:#fff;color:var(--text);border:1px solid var(--line)}.theme-dark .rich-toolbar button{background:var(--surface);color:var(--text)}.rich-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rich-editor{min-height:220px;padding:14px;border:1px solid var(--line);background:#fff;outline:none;line-height:1.6}.theme-dark .rich-editor{background:var(--surface-2)}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-plain{display:none!important}
@media(max-width:940px){.tech-sections{grid-template-columns:1fr}.tech-row{grid-template-columns:1fr;gap:4px}.mail-app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.reader,.composer,.settings-shell{padding:16px}.message-link{grid-template-columns:26px 1fr 76px}.message-link .sender{grid-column:2}.message-link .subject{grid-column:2/4}.message-link .size{display:none}}

/* v1.3.0 — lecture compacte et détails techniques stylés */
.mail-main{overflow:hidden}.message-shell{overflow:hidden}.reader-compact{max-width:1180px;margin:0 auto;padding:16px 20px 22px}.reader-title-wrap{min-width:0}.reader-subject-head{display:block;max-width:76vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.3}.message-identity{border:1px solid var(--line);background:var(--surface);padding:14px 16px;margin-bottom:10px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.message-identity h1{font-size:22px;line-height:1.22;margin:0 0 12px;color:var(--text)}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.identity-grid div{min-width:0;border-top:1px solid var(--line);padding-top:7px}.identity-grid b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}.identity-grid span{display:block;font-size:13px;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-actions{margin:8px 0 10px!important;gap:6px!important}.compact-actions button,.compact-actions select{font-size:12px!important;padding:7px 9px!important;min-height:32px}.attachments-compact{margin:10px 0!important;padding:8px 10px!important;gap:7px!important}.attachments-compact strong{font-size:12px;text-transform:uppercase;color:var(--muted)}.attachments-compact a{font-size:12px!important;padding:6px 8px!important}.mail-body-compact{margin-top:10px!important;padding:14px 16px!important;font-size:14px!important;line-height:1.55!important;max-width:100%;overflow:auto}.technical-panel{margin-top:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 18px rgba(16,24,40,.04);overflow:hidden}.technical-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.technical-panel summary::-webkit-details-marker{display:none}.technical-panel summary span{font-weight:700;color:var(--brand);font-size:14px}.technical-panel summary em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}.auth-summary{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.auth-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1;padding:7px 9px}.auth-badge b{color:var(--text)}.auth-ok{background:#edfdf5;border-color:#badfcb;color:#0c8a57}.auth-bad{background:#fff1f1;border-color:#ffd0d0;color:#c91c1c}.tech-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 14px}.tech-box{border:1px solid var(--line);background:var(--surface-2);padding:10px 12px;min-width:0}.tech-box-wide{grid-column:1 / -1}.tech-box h2{font-size:13px;line-height:1.2;margin:0 0 8px;color:var(--text);display:flex;align-items:center;gap:7px}.tech-box h2::before{content:'';width:13px;height:13px;background:currentColor;opacity:.55;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M3 12h18'/%3E%3C/svg%3E") center/13px 13px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M3 12h18'/%3E%3C/svg%3E") center/13px 13px no-repeat}.tech-line{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid var(--line);min-width:0}.tech-line:first-of-type{border-top:0}.tech-line b{font-size:11px;line-height:1.35;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}.tech-line>div{min-width:0;color:var(--text);font-size:12px;line-height:1.45}.tech-line span{display:block;word-break:break-word}.tech-line pre{display:block;white-space:pre-wrap;word-break:break-word;margin:0;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:7px 8px;max-height:92px;overflow:auto}.tech-pre{align-items:start}.theme-dark .message-identity,.theme-dark .technical-panel{box-shadow:none}.theme-dark .tech-line pre{background:var(--surface)}
@media(max-width:1180px){.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card-grid{grid-template-columns:1fr}.tech-box-wide{grid-column:auto}.reader-subject-head{max-width:58vw}}
@media(max-width:940px){.reader-compact{padding:14px}.identity-grid{grid-template-columns:1fr}.tech-line{grid-template-columns:1fr;gap:3px}.technical-panel summary{align-items:flex-start;flex-direction:column;gap:3px}.reader-subject-head{max-width:100%;white-space:normal}.message-identity h1{font-size:19px}}

/* v1.3.1 — personnalisation, disposition et réponses préfaites */
.mail-app{grid-template-columns:var(--sidebar-width,320px) minmax(0,1fr)}
.sidebar{position:sticky;min-width:240px;max-width:420px}
.sidebar-resizer{position:absolute;top:0;right:-5px;width:10px;height:100%;padding:0;border:0;background:transparent;cursor:col-resize;box-shadow:none}.sidebar-resizer:hover{background:rgba(var(--brand-rgb,254,2,2),.08)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity-row,.quick-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.quick-row{grid-template-columns:240px 1fr}.identity-row:first-of-type,.quick-row:first-of-type{border-top:0}.section-card input[type=color]{height:42px;padding:4px}.section-card input[type=range]{padding:0;background:transparent}.density-comfortable .message-link{padding:18px 18px}.density-compact .message-link{padding:12px 14px}.density-dense .message-link{padding:8px 12px;font-size:13px}.reading-simple .message-identity{margin-bottom:8px}.reading-simple .identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-simple .technical-panel{display:none}.quick-reply-bar{display:flex;gap:8px;border:1px solid var(--line);border-bottom:0;background:var(--surface-2);padding:6px}.quick-reply-bar select{min-height:32px;padding:6px 8px}.quick-reply-bar button{padding:6px 10px;font-size:12px}.reader-actions a,.back-link,.composer-actions a{border-radius:0}.folders a::before,.rich-toolbar svg{color:currentColor}.message-link,.surface,.topbar,.reader-bar,.section-card,.settings-shell,.composer,.message-shell,.message-identity,.technical-panel,.tech-box,.mail-body{border-radius:0!important}@media(max-width:1180px){.settings-grid{grid-template-columns:1fr}.identity-row{grid-template-columns:1fr 1fr}.quick-row{grid-template-columns:1fr}}@media(max-width:940px){.mail-app{grid-template-columns:1fr}.identity-row{grid-template-columns:1fr}.quick-reply-bar{display:grid}}

/* v1.3.3 — correction du scroll global de l’application */
html,body{height:100%;min-height:100%;overflow:hidden}
.mail-app{height:100vh;min-height:0;overflow:hidden}
.sidebar{height:100vh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.mail-main{height:100vh;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.message-shell,.surface,.composer,.settings-shell{overflow:visible!important}
.reader-wrap,.settings-wrap,.composer-wrap{min-height:0;overflow:visible!important}
.reader,.reader-compact{min-height:0;overflow:visible!important;padding-bottom:36px}
.mail-body,.mail-body-compact{max-height:none!important;overflow:visible!important}
.technical-panel,.technical-details{overflow:visible!important}
.tech-line pre,.tech-row pre{max-height:180px;overflow:auto!important}
.folders{min-height:0;overflow-y:auto!important;overflow-x:hidden!important}
@media(max-width:940px){html,body{height:auto;overflow:auto}.mail-app{height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;max-height:none;overflow:visible}.mail-main{height:auto;min-height:0;overflow:visible!important}.topbar,.reader-bar{position:sticky;top:0}}

/* v1.3.4 — scroll global visible et mode sombre réellement appliqué */
html{height:auto!important;min-height:100%!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
body.mail-app{height:auto!important;min-height:100vh!important;overflow:visible!important;align-items:stretch!important}
.mail-app{height:auto!important;min-height:100vh!important;overflow:visible!important;grid-template-columns:var(--sidebar-width,320px) minmax(0,1fr)!important}
.mail-main{height:auto!important;min-height:100vh!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
.surface,.message-shell,.composer,.settings-shell,.reader-wrap,.settings-wrap,.composer-wrap,.reader,.reader-compact{overflow:visible!important;max-height:none!important}
.mail-body,.mail-body-compact{overflow:visible!important;max-height:none!important}
.sidebar{height:100vh!important;max-height:100vh!important;overflow:hidden!important;position:sticky!important;top:0!important}
.folders{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;flex:1 1 auto!important;padding-right:7px!important}
.folders::-webkit-scrollbar,.mail-main::-webkit-scrollbar,body::-webkit-scrollbar{width:10px!important;height:10px!important}
.folders::-webkit-scrollbar-thumb,.mail-main::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:rgba(102,112,133,.45)!important;border:2px solid transparent!important;background-clip:padding-box!important}
.folders::-webkit-scrollbar-track,.mail-main::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:rgba(102,112,133,.08)!important}
.tech-line pre,.tech-row pre{max-height:180px!important;overflow:auto!important}
.technical-panel,.technical-details{overflow:visible!important}

body.theme-dark,
body.theme-dark.mail-app{
  --bg:#10131a;
  --surface:#171b24;
  --surface-2:#1d2330;
  --line:#303746;
  --text:#f1f5f9;
  --muted:#a7b0bf;
  --brand-soft:rgba(var(--brand-rgb,254,2,2),.15);
  --success:#35c486;
  --danger:#ff5a5a;
  background:#10131a!important;
  color:var(--text)!important;
}
@media (prefers-color-scheme: dark){
  body.theme-auto,
  body.theme-auto.mail-app{
    --bg:#10131a;
    --surface:#171b24;
    --surface-2:#1d2330;
    --line:#303746;
    --text:#f1f5f9;
    --muted:#a7b0bf;
    --brand-soft:rgba(var(--brand-rgb,254,2,2),.15);
    --success:#35c486;
    --danger:#ff5a5a;
    background:#10131a!important;
    color:var(--text)!important;
  }
}
.theme-dark input,.theme-dark textarea,.theme-dark select,.theme-auto input,.theme-auto textarea,.theme-auto select{background:var(--surface-2);color:var(--text);border-color:var(--line)}
.theme-light input,.theme-light textarea,.theme-light select{background:#fff;color:#1d2433}
.theme-dark .message-row.unseen .message-link,.theme-auto .message-row.unseen .message-link{background:var(--surface)!important}
.theme-dark .mail-body,.theme-dark .mail-body-compact,.theme-dark .tech-line pre,.theme-dark .tech-row pre{background:var(--surface-2)!important;color:var(--text)!important}
.theme-dark .alert.error{background:#2a1717!important;border-color:#572525!important;color:#ff9b9b!important}
.theme-dark .alert.ok{background:#10261d!important;border-color:#214d39!important;color:#7ee0aa!important}
.theme-dark .attachments a{background:var(--surface-2)!important}
.settings-shell{padding-bottom:80px!important}
.theme-switch-hint{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:940px){
  html,body.mail-app{overflow-y:auto!important;height:auto!important}
  .mail-app{display:block!important;min-height:100vh!important}
  .sidebar{height:auto!important;max-height:none!important;position:relative!important;overflow:visible!important}
  .folders{max-height:260px!important;overflow-y:auto!important}
  .mail-main{min-height:0!important}
  .reader-bar,.topbar{position:sticky!important;top:0!important}
}

/* v1.3.5 — responsive renforcé et scroll garanti */
html{
  height:auto!important;
  min-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%;
}
body,
body.mail-app{
  min-height:100dvh!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-width:100vw!important;
}
body.mail-app{
  grid-template-columns:var(--sidebar-width,320px) minmax(0,1fr)!important;
}
.mail-main,
.reader-wrap,
.settings-wrap,
.composer-wrap,
.surface,
.message-shell,
.reader,
.composer,
.settings-shell{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.mail-body,
.mail-body-compact{
  max-height:none!important;
  overflow:visible!important;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.sidebar{
  width:var(--sidebar-width,320px)!important;
  min-width:0!important;
}
.folders{
  min-height:0!important;
  scrollbar-width:thin;
}
.reader-bar,
.topbar{
  min-width:0!important;
}
.reader-brand,
.reader-title-wrap,
.reader-subject-head{
  min-width:0!important;
  max-width:100%!important;
}
.reader-subject-head{
  overflow-wrap:anywhere!important;
}
.message-link,
.mail-toolbar,
.inline-actions,
.attachments,
.grid2,
.meta-grid,
.tech-sections,
.tech-card,
.tech-row{
  max-width:100%!important;
  min-width:0!important;
}
.tech-card,
.tech-row dd,
.tech-value,
.tech-row pre{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.tech-row pre{
  max-height:180px!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
.rich-editor{
  min-height:220px!important;
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
.editor-block,
.rich-toolbar{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.rich-toolbar{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
}
.rich-toolbar button{
  flex:0 0 auto!important;
}

@media (max-width:1100px){
  body.mail-app{grid-template-columns:minmax(250px,30vw) minmax(0,1fr)!important;}
  .sidebar{width:auto!important;padding:16px!important;}
  .message-link{grid-template-columns:28px minmax(115px,190px) minmax(130px,1fr) 72px 78px!important;gap:8px!important;padding:12px!important;}
  .reader,.composer,.settings-shell{padding:22px!important;}
}

@media (max-width:900px){
  body.mail-app{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
  }
  .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    width:100%!important;
    height:auto!important;
    max-height:45dvh!important;
    overflow:visible!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
    padding:10px 12px!important;
    background:var(--surface)!important;
  }
  .sidebar-head{
    padding:0 0 8px!important;
  }
  .brand-logo,.logo-wordmark{height:32px!important;max-width:170px!important;}
  .compose-btn{
    min-height:42px!important;
    margin:0 0 8px!important;
    padding:9px 12px!important;
  }
  .folders{
    display:flex!important;
    flex-direction:row!important;
    gap:6px!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 6px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .folders a{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:8px 11px!important;
    border-left:0!important;
    border-bottom:3px solid transparent!important;
    scroll-snap-align:start;
    white-space:nowrap!important;
  }
  .folders a.active,.folders a:hover{
    border-left-color:transparent!important;
    border-bottom-color:var(--brand)!important;
  }
  .new-folder,.user-panel{display:none!important;}
  .mail-main{width:100%!important;min-height:55dvh!important;}
  .topbar,.reader-bar{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    padding:12px!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .search{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;}
  .search input{min-height:42px!important;}
  .search button{width:100%!important;min-width:0!important;padding:10px!important;}
  .counter{width:100%!important;font-size:13px!important;}
  .mail-toolbar{padding:12px!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:8px!important;}
  .mail-toolbar select,.mail-toolbar button{width:100%!important;min-width:0!important;}
  .message-list{padding:0 12px 14px!important;gap:7px!important;}
  .message-row{grid-template-columns:24px minmax(0,1fr)!important;gap:7px!important;}
  .message-link{
    grid-template-columns:24px minmax(0,1fr) auto!important;
    grid-template-areas:'status sender time' '. subject subject'!important;
    gap:6px 8px!important;
    padding:10px!important;
  }
  .status{grid-area:status!important;font-size:16px!important;}
  .sender{grid-area:sender!important;}
  .subject{grid-area:subject!important;}
  time{grid-area:time!important;font-size:12px!important;}
  .size{display:none!important;}
  .reader,.composer,.settings-shell{padding:16px!important;}
  .reader h1,.composer h1,.settings-shell h1{font-size:22px!important;line-height:1.2!important;}
  .message-header-card,.section-card,.mail-body,.technical-details,.attachments{margin-left:0!important;margin-right:0!important;padding:12px!important;}
  .grid2,.meta-grid,.tech-sections{grid-template-columns:1fr!important;}
  .tech-sections{gap:10px!important;padding:10px!important;}
  .tech-card{padding:12px!important;}
  .tech-row{grid-template-columns:1fr!important;gap:4px!important;padding:8px 0!important;}
  .tech-row dt{font-size:12px!important;color:var(--brand)!important;}
  .inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important;}
  .inline-actions select{grid-column:1 / -1!important;width:100%!important;min-width:0!important;}
  .inline-actions button{width:100%!important;padding:10px!important;}
  .attachments{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .attachments a{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  .pager{padding:14px 12px 24px!important;flex-wrap:wrap!important;}
}

@media (max-width:560px){
  body{font-size:14px!important;}
  .sidebar{max-height:42dvh!important;padding:8px 10px!important;}
  .folders a{font-size:13px!important;min-height:34px!important;padding:7px 9px!important;}
  .folders a::before{font-size:13px!important;}
  .compose-btn{font-size:14px!important;min-height:38px!important;}
  .topbar,.reader-bar{padding:10px!important;}
  .reader-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  .reader-actions a,.back-link{justify-content:center!important;padding:9px!important;font-size:13px!important;}
  .reader-brand{width:100%!important;align-items:flex-start!important;}
  .reader-title-wrap{flex:1!important;}
  .reader-subject-head{font-size:13px!important;}
  .message-list{padding:0 8px 12px!important;}
  .row-check{width:16px!important;height:16px!important;}
  .message-row{grid-template-columns:18px minmax(0,1fr)!important;}
  .message-link{padding:9px!important;}
  .sender,.subject{font-size:13px!important;}
  time{font-size:11px!important;}
  .reader,.composer,.settings-shell{padding:12px!important;}
  .reader h1,.composer h1,.settings-shell h1{font-size:20px!important;}
  .meta-grid{font-size:13px!important;gap:6px!important;}
  .mail-body{padding:12px!important;font-size:14px!important;line-height:1.55!important;}
  input,textarea,select{padding:10px!important;font-size:14px!important;}
  button,.primary{padding:10px 12px!important;font-size:14px!important;}
  .inline-actions{grid-template-columns:1fr!important;}
  .tech-card h2{font-size:14px!important;}
  .tech-row pre{font-size:11px!important;max-height:150px!important;}
}

/* v1.3.6 — correctif réel responsive + états visuels */
:root{
  --unread-bg:#fff6f6;
  --unread-border:#fe0202;
  --mail-head-bg:#fff4f4;
  --mail-head-line:#ffd3d3;
}
.theme-dark{
  --unread-bg:#261919;
  --unread-border:#ff4040;
  --mail-head-bg:#24181b;
  --mail-head-line:#4b2528;
}
html,body{min-height:100%!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto!important;}
body.mail-app{overflow-y:auto!important;}
.mail-app{min-height:100dvh!important;height:auto!important;overflow:visible!important;}
.mail-main,.surface,.message-shell,.reader-wrap,.settings-wrap,.composer-wrap{height:auto!important;min-height:0!important;overflow:visible!important;}
.reader,.composer,.settings-shell{height:auto!important;overflow:visible!important;}
.mail-body{max-height:none!important;overflow:visible!important;}
.folders{overflow-y:auto!important;scrollbar-width:thin;}

.message-row.unseen .message-link{
  background:linear-gradient(90deg,var(--unread-bg),var(--surface))!important;
  border-left:4px solid var(--unread-border)!important;
  box-shadow:inset 0 0 0 1px rgba(254,2,2,.08)!important;
}
.message-row.unseen .sender,
.message-row.unseen .subject{font-weight:700!important;color:var(--text)!important;}
.message-row.unseen .status{color:var(--brand)!important;}
.message-row.seen .message-link{background:var(--surface)!important;}

.reader-bar,
.message-header-card{
  background:linear-gradient(90deg,var(--mail-head-bg),var(--surface))!important;
  border-bottom:1px solid var(--mail-head-line)!important;
}
.message-header-card{
  border:1px solid var(--mail-head-line)!important;
  border-left:4px solid var(--brand)!important;
}
.reader-bar .kicker,
.message-header-card .kicker{color:var(--brand)!important;}

.technical-panel,.technical-details{background:var(--surface)!important;border:1px solid var(--line)!important;}
.tech-card-grid,.tech-sections{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important;}
.tech-box,.tech-card{background:var(--surface-2)!important;border:1px solid var(--line)!important;padding:12px!important;min-width:0!important;}
.tech-box h2,.tech-card h2{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--brand)!important;margin:0 0 8px!important;}
.tech-item,.tech-row{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:8px!important;padding:7px 0!important;border-top:1px solid var(--line)!important;}
.tech-item:first-child,.tech-row:first-child{border-top:0!important;}
.tech-label,.tech-row dt{font-size:12px!important;font-weight:700!important;color:var(--text)!important;}
.tech-value,.tech-row dd{font-size:12px!important;color:var(--muted)!important;min-width:0!important;margin:0!important;overflow-wrap:anywhere!important;}
.tech-value pre,.tech-row pre{max-height:120px!important;overflow:auto!important;white-space:pre-wrap!important;word-break:break-word!important;background:var(--surface)!important;border:1px solid var(--line)!important;padding:8px!important;margin:0!important;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;}
.auth-summary{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px!important;border-bottom:1px solid var(--line)!important;}
.auth-badge,.badge{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;padding:6px 8px!important;font-size:12px!important;font-weight:700!important;}

@media (max-width: 940px){
  body.mail-app{display:block!important;min-height:100dvh!important;}
  .mail-app{display:block!important;width:100%!important;min-height:100dvh!important;}
  .sidebar{position:relative!important;top:auto!important;left:auto!important;height:auto!important;max-height:none!important;width:100%!important;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:10px 12px!important;overflow:visible!important;}
  .sidebar-head{padding:0 0 8px!important;}
  .brand-logo{height:32px!important;}
  .compose-btn{min-height:40px!important;margin:0 0 8px!important;padding:9px 12px!important;}
  .folders{display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:0 0 8px!important;scroll-snap-type:x proximity!important;}
  .folders a{flex:0 0 auto!important;min-height:36px!important;padding:8px 10px!important;border-left:0!important;border-bottom:3px solid transparent!important;background:var(--surface-2)!important;scroll-snap-align:start!important;}
  .folders a.active{border-bottom-color:var(--brand)!important;background:var(--brand-soft)!important;}
  .new-folder,.user-panel,.sidebar-resizer{display:none!important;}
  .mail-main{display:block!important;width:100%!important;min-height:auto!important;overflow:visible!important;}
  .topbar,.reader-bar{position:sticky!important;top:0!important;z-index:20!important;padding:10px 12px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .search{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;}
  .search input{min-height:40px!important;}
  .search button{width:100%!important;min-width:0!important;padding:9px!important;}
  .counter{width:100%!important;font-size:12px!important;}
  .mail-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px 12px!important;}
  .mail-toolbar select,.mail-toolbar button{width:100%!important;min-width:0!important;}
  .message-list{padding:0 10px 16px!important;gap:7px!important;}
  .message-row{grid-template-columns:22px minmax(0,1fr)!important;gap:7px!important;}
  .message-link{grid-template-columns:22px minmax(0,1fr) auto!important;grid-template-areas:"status sender time" ". subject subject"!important;gap:5px 8px!important;padding:10px!important;}
  .status{grid-area:status!important;font-size:15px!important;}
  .sender{grid-area:sender!important;}
  .subject{grid-area:subject!important;}
  time{grid-area:time!important;font-size:11px!important;}
  .size{display:none!important;}
  .reader,.composer,.settings-shell{padding:12px!important;}
  .reader h1,.composer h1,.settings-shell h1{font-size:20px!important;line-height:1.25!important;}
  .reader-brand{width:100%!important;align-items:flex-start!important;}
  .reader-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  .reader-actions a,.back-link{justify-content:center!important;padding:8px!important;font-size:13px!important;}
  .message-header-card,.section-card,.attachments,.mail-body,.technical-panel,.technical-details{padding:10px!important;margin:10px 0!important;}
  .grid2,.meta-grid,.tech-card-grid,.tech-sections{grid-template-columns:1fr!important;}
  .meta-grid{gap:5px!important;font-size:13px!important;}
  .inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .inline-actions select{grid-column:1 / -1!important;width:100%!important;min-width:0!important;}
  .inline-actions button{width:100%!important;padding:9px!important;font-size:13px!important;}
  .tech-item,.tech-row{grid-template-columns:1fr!important;gap:4px!important;padding:7px 0!important;}
  .tech-value pre,.tech-row pre{max-height:130px!important;font-size:10.5px!important;}
}
@media (max-width:560px){
  body{font-size:14px!important;}
  .sidebar{padding:8px!important;}
  .folders a{font-size:12px!important;min-height:32px!important;padding:7px 9px!important;}
  .message-row{grid-template-columns:18px minmax(0,1fr)!important;}
  .row-check{width:15px!important;height:15px!important;}
  .message-link{padding:8px!important;}
  .sender,.subject{font-size:13px!important;}
  .mail-body{font-size:14px!important;line-height:1.55!important;}
  input,textarea,select{font-size:14px!important;padding:9px!important;}
  button,.primary{font-size:13px!important;padding:9px 10px!important;}
  .inline-actions{grid-template-columns:1fr!important;}
}

/* v1.3.7 — menu fixe, onglets paramètres, mode sombre rapide */
@media (min-width: 941px){
  body.mail-app{display:block!important;padding-left:var(--sidebar-width,320px)!important;min-height:100dvh!important;}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--sidebar-width,320px)!important;height:100dvh!important;z-index:60!important;overflow:hidden!important;}
  .mail-main{margin-left:0!important;width:100%!important;min-height:100dvh!important;}
  .reader-bar,.topbar{top:0!important;}
}
.sidebar-head{justify-content:space-between!important;gap:10px!important;}
.theme-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;box-shadow:none!important;}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.theme-toggle:hover{background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand)!important;}
.settings-tabs-shell{padding-bottom:86px!important;}
.settings-tabs{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);margin:14px 0 18px;overflow-x:auto;padding-bottom:8px;}
.settings-tabs a{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:10px 13px;font-weight:700;font-size:13px;}
.settings-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff;}
.settings-panels{display:block;}
.settings-panel{display:none;border:1px solid var(--line);background:var(--surface);padding:16px;margin-top:12px;}
.settings-panel.active{display:block;}
.settings-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;}
.settings-card-title h2{margin:0 0 4px!important;font-size:18px!important;}
.settings-card-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;}
.settings-card-title.with-action{align-items:center;}
.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;box-shadow:none!important;padding:9px 12px!important;font-size:13px!important;font-weight:700!important;}
.secondary-btn:hover,.ghost-btn:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-soft)!important;}
.dynamic-list{display:grid;gap:12px;margin-top:14px;}
.dynamic-item{border:1px solid var(--line);background:var(--surface-2);padding:14px;}
.dynamic-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.dynamic-head strong{font-size:14px;}
.settings-savebar{position:sticky;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px -16px -16px;padding:12px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);}
.settings-savebar strong{display:block;font-size:14px;}
.settings-savebar small{display:block;color:var(--muted);font-size:12px;margin-top:2px;}
.settings-savebar button{min-width:210px;}
.settings-form.is-dirty .settings-savebar{box-shadow:0 -8px 24px rgba(16,24,40,.10);border-top-color:var(--brand);}
.bmail-quote,.bmail-forward{border-left:3px solid var(--brand);margin:12px 0;padding:8px 12px;background:var(--brand-soft);}
@media (max-width:940px){
  body.mail-app{padding-left:0!important;}
  .theme-toggle{width:34px!important;height:34px!important;min-width:34px!important;}
  .settings-tabs{gap:6px;margin-top:10px;}
  .settings-tabs a{font-size:12px;padding:8px 10px;}
  .settings-panel{padding:12px;}
  .settings-card-title{display:grid;gap:10px;}
  .settings-savebar{display:grid;grid-template-columns:1fr;margin:16px -12px -12px;padding:10px 12px;}
  .settings-savebar button{width:100%;min-width:0;}
}

/* v1.3.8 — logo sombre et arrière-plan personnalisé */
html,body{min-height:100%;overflow-y:auto!important;}
body.mail-app{
  background-color:var(--bg)!important;
  background-image:var(--app-bg-extra, none), var(--app-bg-image, none)!important;
  background-size:auto, cover!important;
  background-position:center, center!important;
  background-attachment:fixed, fixed!important;
}
body.mail-app::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:rgba(255,255,255,var(--background-opacity,.12));
}
body.theme-dark.mail-app::before{background:rgba(0,0,0,calc(var(--background-opacity,.12) + .18));}
.sidebar,.mail-main,.topbar,.reader-bar,.surface,.message-shell,.composer,.settings-shell{position:relative;z-index:1;}
.theme-dark .brand-logo[data-logo-dark],
body.theme-dark .brand-logo[data-logo-dark]{content:url('../img/logo-binto-dark.svg');}
.sidebar-head{gap:10px;}
.brand-logo{max-width:205px;object-fit:contain;}
.theme-dark .brand-logo{filter:none!important;}
.settings-subcard{margin-top:16px;border:1px solid var(--line);background:var(--surface);padding:14px 16px;}
.settings-subcard h3{font-size:15px;margin:0 0 6px;color:var(--text);}
.settings-subcard p{font-size:13px;color:var(--muted);line-height:1.45;margin-bottom:10px;}
.settings-subcard small{display:block;margin-top:8px;color:var(--muted);line-height:1.45;}
.settings-subcard code{background:var(--surface-2);border:1px solid var(--line);padding:1px 4px;}
input[type="range"]{accent-color:var(--brand);}
.theme-toggle{flex:0 0 auto;}
.theme-dark .logo-wordmark-text,.theme-dark .brand-text{color:#fff!important;}

/* v1.3.9 — zone principale arrondie et correction SMTP */
:root{--main-radius:22px}
.mail-app{gap:14px;padding:14px;background:var(--bg)}
.sidebar{border-radius:var(--main-radius);border:1px solid var(--line)}
.mail-main{border-radius:var(--main-radius);border:1px solid var(--line);background:var(--surface);overflow-y:auto!important;overflow-x:hidden!important}
.topbar,.reader-bar{border-top-left-radius:var(--main-radius)!important;border-top-right-radius:var(--main-radius)!important}
.surface,.message-shell,.composer,.settings-shell{border-radius:0 0 var(--main-radius) var(--main-radius)!important}
.message-link,.message-identity,.technical-panel,.tech-box,.mail-body,.section-card,.settings-panel,.settings-savebar{border-radius:12px!important}
.reader-actions a,.back-link,.composer-actions a,.primary,button,input,select,textarea{border-radius:10px!important}
.settings-hint{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45;background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;border-radius:10px}
.settings-hint code{color:var(--brand);font-weight:700}
@media(max-width:940px){.mail-app{display:block;padding:8px}.sidebar{border-radius:16px;margin-bottom:8px}.mail-main{border-radius:16px}.topbar,.reader-bar{border-radius:16px 16px 0 0!important}}


/* v1.4.0 — nom d’application, icône logo, upload fond et polices Google */
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text);font-weight:800;letter-spacing:-.03em;line-height:1}
.brand-icon{width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain;flex:0 0 38px}
.brand-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:var(--text)}
.theme-dark .brand-text{color:#fff!important}
.sidebar-head .brand-lockup{flex:1}
.background-preview{position:relative;display:grid;place-items:center;min-height:160px;margin:12px 0;border:1px solid var(--line);background-color:var(--surface-2);background-size:cover;background-position:center;overflow:hidden}
.background-preview::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,var(--preview-cover,.18));pointer-events:none}
.theme-dark .background-preview::after{background:rgba(0,0,0,var(--preview-cover,.32))}
.background-preview span{position:relative;z-index:1;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--line);padding:8px 12px;font-weight:700;color:var(--text)}
.settings-subcard input[type=file]{background:var(--surface-2);padding:10px;border:1px dashed var(--line)}
select[name="font_family"]{font-weight:700}
@media(max-width:560px){.brand-text{font-size:17px}.brand-icon{width:32px!important;height:32px!important;max-width:32px!important}.background-preview{min-height:120px}}

.brand-icon{width:28px;height:28px;color:var(--brand);object-fit:contain;flex:0 0 auto}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.brand-lockup svg,.brand-icon path,.brand-icon rect{stroke:currentColor}
.theme-dark .brand-text{color:#fff}
.theme-dark .brand-lockup{color:#fff}
.theme-dark .brand-icon{color:#ff5656}

/* v1.4.2 — fond global, aperçu réel, icône mail ronde et interface de mise à jour */
html,body{min-height:100%!important;height:auto!important;overflow-y:auto!important;}
body.mail-app{
  isolation:isolate;
  background-color:var(--bg)!important;
  background-image:var(--app-bg-extra, none), var(--app-bg-image, none)!important;
  background-size:auto, cover!important;
  background-repeat:no-repeat, no-repeat!important;
  background-position:center, center!important;
  background-attachment:fixed, fixed!important;
}
body.mail-app::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(255,255,255,calc(1 - var(--background-opacity,.22)));
}
body.theme-dark.mail-app::before{background:rgba(0,0,0,calc(.28 + (1 - var(--background-opacity,.22)) * .45));}
body.mail-app > .sidebar,
body.mail-app > .mail-main{position:relative;z-index:1;}
body.mail-app .sidebar,
body.mail-app .mail-main,
body.mail-app .topbar,
body.mail-app .reader-bar,
body.mail-app .surface,
body.mail-app .message-shell,
body.mail-app .composer,
body.mail-app .settings-shell{
  background:color-mix(in srgb,var(--surface) 92%, transparent)!important;
  backdrop-filter:blur(10px);
}
body.mail-app .message-link,
body.mail-app .section-card,
body.mail-app .settings-panel,
body.mail-app .settings-subcard,
body.mail-app .dynamic-item,
body.mail-app .mail-body,
body.mail-app .message-header-card,
body.mail-app .technical-details,
body.mail-app .tech-card{
  background:color-mix(in srgb,var(--surface) 94%, transparent)!important;
}
.brand-mail-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(var(--brand-rgb),.22)}
.brand-mail-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.theme-dark .brand-mail-icon{background:var(--brand);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brand-text{color:var(--text)!important}.theme-dark .brand-text{color:#fff!important}
.background-preview{position:relative;display:grid;place-items:center;min-height:190px;border:1px solid var(--line);background-color:var(--surface-2);background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden}
.background-preview::after{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,var(--preview-cover,.78))}
.theme-dark .background-preview::after{background:rgba(0,0,0,calc(var(--preview-cover,.78) * .72))}
.background-preview span{position:relative;z-index:1;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);padding:8px 12px;font-weight:700;color:var(--text)}
.update-card{border-left:4px solid var(--brand)!important}.update-list{display:grid;gap:8px;margin:14px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.45}.update-list code{color:var(--brand);font-weight:700}.settings-tabs a[href*="updates"]::before{content:'↥';margin-right:5px}

/* v1.4.4 — login épuré et textes génériques supprimés */
.login-clean{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--app-bg-extra, var(--bg));overflow:auto}
.login-card-clean{width:min(420px,100%);padding:34px 32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.login-brand{display:flex;align-items:center;gap:12px;margin:0 0 26px}
.login-brand .brand-mail-icon{width:42px;height:42px;min-width:42px;border-radius:999px;background:var(--brand);color:#fff;display:inline-grid;place-items:center}
.login-brand .brand-mail-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.login-brand .brand-text{font-size:24px;font-weight:800;letter-spacing:-.04em;color:var(--text)}
.theme-dark .login-brand .brand-text{color:#fff}
.login-form{display:grid;gap:14px}
.login-form label{margin:0;color:var(--muted)}
.login-form button{width:100%;margin-top:4px}
.login-debug{font-size:12px;line-height:1.45}
@media(max-width:560px){.login-clean{padding:16px}.login-card-clean{padding:28px 22px}.login-brand .brand-text{font-size:22px}}

/* v1.4.5 — login premium et fond réellement appliqué */
html,body{min-height:100%!important;height:auto!important;}
body.mail-app{
  --background-cover:calc(1 - var(--background-opacity,.35));
  position:relative!important;
  isolation:isolate!important;
  background-color:var(--bg)!important;
  background-image:var(--app-bg-extra, none), var(--app-bg-image, none)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:auto,cover!important;
  background-position:center center,center center!important;
  background-attachment:fixed,fixed!important;
}
body.mail-app::before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:rgba(255,255,255,var(--background-cover,.65))!important;
}
body.theme-dark.mail-app::before{background:rgba(0,0,0,calc(.18 + var(--background-cover,.65) * .46))!important;}
body.mail-app>.sidebar,body.mail-app>.mail-main{position:relative!important;z-index:1!important;}
body.mail-app .sidebar,body.mail-app .mail-main,body.mail-app .topbar,body.mail-app .reader-bar,body.mail-app .surface,body.mail-app .message-shell,body.mail-app .composer,body.mail-app .settings-shell{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
}
body.theme-dark.mail-app .sidebar,body.theme-dark.mail-app .mail-main,body.theme-dark.mail-app .topbar,body.theme-dark.mail-app .reader-bar,body.theme-dark.mail-app .surface,body.theme-dark.mail-app .message-shell,body.theme-dark.mail-app .composer,body.theme-dark.mail-app .settings-shell{
  background:rgba(23,27,36,.84)!important;
}
body.mail-app .message-link,body.mail-app .section-card,body.mail-app .settings-panel,body.mail-app .settings-subcard,body.mail-app .dynamic-item,body.mail-app .mail-body,body.mail-app .message-header-card,body.mail-app .technical-details,body.mail-app .tech-card,body.mail-app .message-identity,body.mail-app .technical-panel,body.mail-app .tech-box{
  background:rgba(255,255,255,.88)!important;
}
body.theme-dark.mail-app .message-link,body.theme-dark.mail-app .section-card,body.theme-dark.mail-app .settings-panel,body.theme-dark.mail-app .settings-subcard,body.theme-dark.mail-app .dynamic-item,body.theme-dark.mail-app .mail-body,body.theme-dark.mail-app .message-header-card,body.theme-dark.mail-app .technical-details,body.theme-dark.mail-app .tech-card,body.theme-dark.mail-app .message-identity,body.theme-dark.mail-app .technical-panel,body.theme-dark.mail-app .tech-box{
  background:rgba(29,35,48,.86)!important;
}
.background-preview{position:relative!important;min-height:210px!important;border:1px solid var(--line)!important;background-color:var(--surface-2)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)!important;}
.background-preview::after{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:rgba(255,255,255,var(--preview-cover,.45))!important;}
.theme-dark .background-preview::after{background:rgba(0,0,0,calc(var(--preview-cover,.45) * .62))!important;}
.background-preview span{position:relative!important;z-index:1!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--line)!important;padding:8px 12px!important;font-weight:700!important;color:var(--text)!important;}
.theme-dark .background-preview span{background:rgba(23,27,36,.78)!important;color:#fff!important;}

.login-premium{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(var(--brand-rgb,254,2,2),.18),transparent 30%),radial-gradient(circle at 88% 18%,rgba(var(--brand-rgb,254,2,2),.12),transparent 26%),linear-gradient(135deg,#f8fafc,#eef2f7 64%,#fff4f4);overflow:auto;}
.login-shell{width:min(980px,100%);min-height:560px;display:grid;grid-template-columns:1fr 430px;background:rgba(255,255,255,.72);border:1px solid rgba(120,130,150,.22);box-shadow:0 28px 80px rgba(16,24,40,.18);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.login-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(var(--brand-rgb,254,2,2),.95),rgba(var(--brand-rgb,254,2,2),.64)),radial-gradient(circle at top left,#fff,transparent 30%);}
.login-visual::before{content:'';position:absolute;inset:36px;border:1px solid rgba(255,255,255,.28);}
.login-visual::after{content:'Bmail';position:absolute;left:38px;bottom:34px;color:rgba(255,255,255,.22);font-size:76px;font-weight:800;letter-spacing:-.08em;}
.login-orb{position:relative;z-index:2;width:148px;height:148px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);box-shadow:0 30px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.28);}
.login-orb svg{width:78px;height:78px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.login-lines{position:absolute;inset:auto 34px 120px 34px;display:grid;gap:12px;opacity:.52}.login-lines span{height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.login-panel{display:flex;flex-direction:column;justify-content:center;padding:46px 42px;background:rgba(255,255,255,.92);}
.login-panel .login-brand,.premium-brand{margin-bottom:30px}.login-panel .brand-text{font-size:28px;font-weight:800;letter-spacing:-.055em;color:var(--text)!important}.login-panel .brand-mail-icon{width:46px;height:46px;min-width:46px;box-shadow:0 14px 28px rgba(var(--brand-rgb,254,2,2),.24)}
.premium-login-form{display:grid;gap:16px}.premium-login-form label{display:grid;gap:8px;margin:0;color:var(--muted);font-size:13px;font-weight:800;text-transform:none}.login-field{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--line);min-height:52px;transition:.18s ease}.login-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(var(--brand-rgb,254,2,2),.10)}.login-field svg{width:18px;height:18px;margin:auto;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-field input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 14px 0 0!important;min-height:50px;color:var(--text)!important}.login-submit{min-height:52px;font-size:15px;margin-top:4px}.login-alert{margin-bottom:16px}.login-debug{font-size:12px;line-height:1.45;max-height:130px;overflow:auto}
body.theme-dark.login-premium,.theme-dark.login-premium{background:radial-gradient(circle at 12% 12%,rgba(var(--brand-rgb,254,2,2),.18),transparent 30%),linear-gradient(135deg,#10131a,#171b24 70%,#201313)}
.theme-dark .login-shell{background:rgba(23,27,36,.76);border-color:rgba(255,255,255,.09)}.theme-dark .login-panel{background:rgba(23,27,36,.94)}.theme-dark .login-field{background:rgba(29,35,48,.92);border-color:var(--line)}.theme-dark .login-field input{color:#fff!important}.theme-dark .login-panel .brand-text{color:#fff!important}
@media(max-width:820px){.login-shell{grid-template-columns:1fr;min-height:0}.login-visual{min-height:160px}.login-orb{width:86px;height:86px}.login-orb svg{width:44px;height:44px}.login-visual::after{font-size:44px}.login-panel{padding:34px 26px}}
@media(max-width:520px){.login-premium{padding:16px}.login-panel{padding:28px 20px}.login-panel .brand-text{font-size:24px}.login-visual{display:none}}


/* v1.4.6 — restauration sûre du contenu principal avec image de fond */
html{min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;}
body.mail-app{
  min-height:100dvh!important;
  overflow-x:hidden!important;
  color:var(--text)!important;
  background-color:var(--bg)!important;
  background-image:var(--app-bg-extra, none), var(--app-bg-image, none)!important;
  background-size:auto, cover!important;
  background-position:center center, center center!important;
  background-repeat:no-repeat, no-repeat!important;
  background-attachment:fixed, fixed!important;
}
body.mail-app::before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:rgba(255,255,255,var(--background-cover,.72))!important;
}
body.theme-dark.mail-app::before{background:rgba(0,0,0,calc(.22 + var(--background-cover,.72) * .45))!important;}
body.mail-app > .sidebar,
body.mail-app > .mail-main{position:relative!important;z-index:20!important;visibility:visible!important;opacity:1!important;}

@media (min-width:941px){
  body.mail-app{
    display:block!important;
    padding:16px 16px 16px calc(var(--sidebar-width,320px) + 32px)!important;
  }
  body.mail-app > .sidebar{
    position:fixed!important;
    left:16px!important;
    top:16px!important;
    bottom:16px!important;
    width:var(--sidebar-width,320px)!important;
    height:auto!important;
    max-height:calc(100dvh - 32px)!important;
    overflow:hidden!important;
    z-index:100!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.05)!important;
    box-shadow:0 18px 50px rgba(16,24,40,.12)!important;
  }
  body.theme-dark.mail-app > .sidebar{background:rgba(23,27,36,.96)!important;}
  body.mail-app > .mail-main{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    min-height:calc(100dvh - 32px)!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.95)!important;
    backdrop-filter:blur(14px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.03)!important;
    box-shadow:0 18px 60px rgba(16,24,40,.10)!important;
    overflow:visible!important;
    z-index:30!important;
  }
  body.theme-dark.mail-app > .mail-main{background:rgba(23,27,36,.95)!important;}
}

body.mail-app .topbar,
body.mail-app .reader-bar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--line)!important;
}
body.theme-dark.mail-app .topbar,
body.theme-dark.mail-app .reader-bar{background:rgba(23,27,36,.98)!important;}
body.mail-app .surface,
body.mail-app .message-shell,
body.mail-app .settings-shell,
body.mail-app .composer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
  overflow:visible!important;
}
body.mail-app .message-list{display:flex!important;flex-direction:column!important;gap:8px!important;visibility:visible!important;opacity:1!important;}
body.mail-app .message-row{display:grid!important;visibility:visible!important;opacity:1!important;}
body.mail-app .message-link{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--text)!important;
}
body.theme-dark.mail-app .message-link{background:rgba(29,35,48,.96)!important;}
body.mail-app .message-row.unseen .message-link{
  background:linear-gradient(90deg,rgba(var(--brand-rgb,254,2,2),.12),rgba(255,255,255,.98))!important;
  border-left:4px solid var(--brand)!important;
}
body.theme-dark.mail-app .message-row.unseen .message-link{background:linear-gradient(90deg,rgba(var(--brand-rgb,254,2,2),.22),rgba(29,35,48,.98))!important;}
body.mail-app .mail-toolbar,
body.mail-app .pager{visibility:visible!important;opacity:1!important;}

@media (max-width:940px){
  body.mail-app{display:block!important;padding:8px!important;}
  body.mail-app > .sidebar{
    position:relative!important;
    left:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;max-height:none!important;
    overflow:visible!important;margin:0 0 8px!important;border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
  }
  body.theme-dark.mail-app > .sidebar{background:rgba(23,27,36,.96)!important;}
  body.mail-app > .mail-main{
    display:flex!important;flex-direction:column!important;width:100%!important;min-height:60dvh!important;margin:0!important;
    border:1px solid var(--line)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;overflow:visible!important;
  }
  body.theme-dark.mail-app > .mail-main{background:rgba(23,27,36,.96)!important;}
  body.mail-app .topbar,body.mail-app .reader-bar{top:0!important;flex-wrap:wrap!important;border-radius:18px 18px 0 0!important;}
}

/* v1.4.7 — profil de boîte et signature par défaut */
.profile-settings-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;margin:0 0 18px;padding:14px;border:1px solid var(--line);background:var(--surface-2);border-radius:18px}
.profile-preview-box{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--brand);color:#fff;font-size:28px;font-weight:800;border:3px solid rgba(var(--brand-rgb,254,2,2),.16)}
.profile-preview-box img{width:100%;height:100%;object-fit:cover;display:block}
.profile-settings-card p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.profile-settings-card input[type=file]{background:var(--surface);padding:10px}
@media(max-width:640px){.profile-settings-card{grid-template-columns:1fr}.profile-preview-box{width:64px;height:64px}}

/* v1.4.9 — éditeur HTML des signatures */
.signature-editor-wrap{border:1px solid var(--line);background:var(--surface);margin-top:8px;overflow:hidden;border-radius:14px}
.signature-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.signature-toolbar button{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:none;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:700;min-height:32px}
.signature-toolbar button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.signature-toolbar-sep{width:1px;height:22px;background:var(--line);margin:0 3px}
.signature-html-editor{min-height:150px;max-height:360px;overflow:auto;padding:14px;background:#fff;color:#101828;line-height:1.55;outline:none}
.theme-dark .signature-html-editor{background:#fff;color:#101828}
.signature-html-editor:focus{box-shadow:inset 0 0 0 2px rgba(var(--brand-rgb,254,2,2),.22)}
.signature-source-box{width:100%;min-height:210px;border:0;border-top:1px solid var(--line);border-radius:0;background:#0f172a;color:#e5e7eb;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;padding:14px;resize:vertical}
.signature-editor-help{border-top:1px solid var(--line);padding:9px 12px;color:var(--muted);font-size:12px;line-height:1.45;background:var(--surface-2)}
.dynamic-item .signature-editor-wrap{margin-bottom:4px}
@media(max-width:680px){.signature-toolbar{gap:5px}.signature-toolbar button{padding:7px 8px}.signature-html-editor{min-height:130px;max-height:300px}}

/* v1.5.1 — réponses améliorées avec éditeur enrichi */
.enhanced-composer{max-width:1100px;margin:14px auto 28px;width:calc(100% - 32px);border-radius:22px!important;overflow:hidden;}
.compose-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;}
.reply-context-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);background:var(--surface-2);padding:12px 14px;margin:0 0 14px;border-radius:16px;}
.reply-context-card strong{display:block;font-size:14px;line-height:1.35;color:var(--text);}
.reply-context-card small{display:block;margin-top:3px;color:var(--muted);}
.reply-context-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:var(--brand);color:#fff;}
.reply-context-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.enhanced-editor-block{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;margin-top:12px;}
.enhanced-editor-block>label{padding:10px 12px;margin:0;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text);}
.enhanced-rich-toolbar{border:0!important;border-bottom:1px solid var(--line)!important;padding:8px!important;gap:6px!important;align-items:center;background:var(--surface-2)!important;}
.enhanced-rich-toolbar button{border-radius:10px!important;width:34px!important;height:32px!important;background:var(--surface)!important;}
.enhanced-rich-toolbar button:hover{background:var(--brand-soft)!important;color:var(--brand)!important;}
.toolbar-select{width:auto;min-width:130px;height:32px;padding:5px 8px;border-radius:10px;background:var(--surface);font-size:12px;}
.toolbar-sep{width:1px;height:24px;background:var(--line);display:inline-block;margin:0 2px;}
.enhanced-quick-reply{border:0!important;border-bottom:1px solid var(--line)!important;background:var(--surface)!important;padding:8px!important;}
.enhanced-quick-reply select{background:var(--surface-2);}
.enhanced-rich-editor{min-height:310px!important;padding:18px!important;border:0!important;background:#fff!important;font-size:15px;line-height:1.65;}
.theme-dark .enhanced-rich-editor{background:var(--surface-2)!important;}
.enhanced-rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(var(--brand-rgb,254,2,2),.18);}
.enhanced-rich-editor h2{font-size:20px;margin:12px 0 8px;}
.enhanced-rich-editor h3{font-size:17px;margin:10px 0 6px;}
.enhanced-rich-editor blockquote,.bmail-quote{border-left:4px solid var(--brand)!important;background:var(--brand-soft)!important;margin:12px 0!important;padding:10px 13px!important;color:var(--text);}
.reply-original{border:1px solid var(--line);background:var(--surface-2);margin-top:14px;border-radius:14px;overflow:hidden;}
.reply-original summary{cursor:pointer;padding:9px 12px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--line);}
.bmail-forward{border:1px solid var(--line);background:var(--surface-2);padding:12px;margin:14px 0;border-left:4px solid var(--brand);}
.reply-editing-space{min-height:54px;}
.bmail-signature-zone{margin-top:10px;}
.editor-status{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:var(--surface-2);padding:7px 10px;font-size:12px;color:var(--muted);}
.rich-plain{display:none!important;}
@media(max-width:940px){
  .enhanced-composer{width:100%;margin:0;border-radius:0!important;}
  .compose-address-grid{grid-template-columns:1fr;}
  .enhanced-rich-toolbar{overflow-x:auto;flex-wrap:nowrap!important;}
  .toolbar-select{min-width:118px;}
  .enhanced-rich-editor{min-height:260px!important;padding:14px!important;}
  .editor-status{display:grid;}
}

/* v1.5.2 — répertoire d’adresses */
.folders .is-contacts::before{content:'👤'}
.contacts-shell{padding:22px 26px;background:var(--surface);min-height:calc(100vh - 76px)}
.contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.contact-card{border:1px solid var(--line);background:var(--surface-2);padding:18px}
.contact-card h2{font-size:18px;margin:0 0 12px}
.contacts-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}
.contacts-list{display:flex;flex-direction:column;gap:8px}
.contact-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(160px,240px) auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:12px 14px}
.contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}
.contact-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact-main strong,.contact-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-main span{color:var(--muted);font-size:13px}
.contact-meta{display:flex;flex-direction:column;color:var(--muted);font-size:12px}
.contact-actions{display:flex;align-items:center;gap:8px}
.contact-actions form{margin:0}
.ghost-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);box-shadow:none;padding:9px 11px}
.address-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface-2);padding:10px 12px;margin:12px 0}
.address-picker strong{font-size:13px;color:var(--muted)}
.address-picker select{width:min(420px,100%)}
.address-picker button{padding:9px 12px;box-shadow:none}
.address-picker a{color:var(--brand);font-weight:700;font-size:13px}
@media(max-width:940px){.contacts-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:38px minmax(0,1fr);align-items:start}.contact-meta,.contact-actions{grid-column:2}.contacts-search{grid-template-columns:1fr}.address-picker{align-items:stretch}.address-picker select{width:100%}}

/* v1.5.3 — actions rapides et actualisation automatique */
.quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quick-actions button{padding:9px 12px;font-size:13px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);box-shadow:none}
.quick-actions button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.quick-actions .quick-danger{background:rgba(254,2,2,.08);border-color:rgba(254,2,2,.22);color:var(--brand)}
.quick-actions .quick-danger:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.auto-refresh-note{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:8px 10px;white-space:nowrap}
.message-row.unseen .message-link{background:linear-gradient(90deg,rgba(254,2,2,.075),var(--surface))!important;border-left:4px solid var(--brand)!important}
.reader-bar,.topbar{background:linear-gradient(90deg,rgba(254,2,2,.07),var(--surface))!important}
@media(max-width:940px){.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions .quick-danger{grid-column:1/-1}.auto-refresh-note{margin-left:0;text-align:center}.mail-toolbar{display:grid!important;grid-template-columns:1fr!important}.mail-toolbar select,.mail-toolbar button{width:100%!important}}


/* v1.5.4 — actions rapides en icônes monochromes et suppression visuelle immédiate */
.icon-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.icon-actions .icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);box-shadow:none}
.icon-actions .icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.icon-actions .icon-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.icon-actions .quick-danger{color:var(--brand);border-color:rgba(254,2,2,.28);background:rgba(254,2,2,.06)}
.icon-actions .quick-danger:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.message-row.is-removing{opacity:.25;transform:translateX(12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.bulk-form.is-processing .mail-toolbar{opacity:.72}
@media(max-width:940px){.icon-actions{display:flex!important}.icon-actions .icon-btn{width:42px;height:42px}.quick-actions.icon-actions .quick-danger{grid-column:auto!important}}

/* v1.5.7 — retour visuel immédiat pendant les actions IMAP */
.message-row.is-removing{opacity:.35;filter:grayscale(1);pointer-events:none;transition:opacity .18s ease,transform .18s ease;transform:translateX(8px)}
.bulk-form.is-processing .icon-actions button,.bulk-form.is-processing .mail-toolbar select,.bulk-form.is-processing .mail-toolbar button{opacity:.55;pointer-events:none}

/* v1.5.9 corbeille */

.empty-trash-btn{margin-left:4px}
.is-removing{opacity:.35;transform:translateX(8px);transition:.18s ease}
.quick-danger svg,.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trash-hint{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}