/* IDELmail: yellow, turquoise, coral and ink from the smiling envelope. */
:root{color-scheme:light;--ink:#082844;--muted:#536a7b;--paper:#f8fafb;--surface:#fff;--surface-2:#f0f6f7;--border:#dce6ea;--accent:#007f89;--bright:#09b9c1;--yellow:#ffc52c;--coral:#ff704b;--tint:#e0f5f4;--warm:#fff5d9;--dark:#082844;--shadow:0 18px 55px #0828440c;--green:#b8ecea}
html[data-theme=dark]{color-scheme:dark;--ink:#edf5fa;--muted:#afc3d0;--paper:#0c1826;--surface:#122438;--surface-2:#1a3045;--border:#2b4256;--accent:#5cddd8;--tint:#143b43;--warm:#3b321d;--shadow:0 18px 55px #0002}
@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--ink:#edf5fa;--muted:#afc3d0;--paper:#0c1826;--surface:#122438;--surface-2:#1a3045;--border:#2b4256;--accent:#5cddd8;--tint:#143b43;--warm:#3b321d;--shadow:0 18px 55px #0002}}
body{color:var(--ink);background:var(--paper)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}h1,h2,h3{color:var(--ink)}.brand-logo{display:block;width:194px;height:auto;background:transparent;border-radius:0}.sidebar{background:#082844;color:#fff}.sidebar .brand-logo{width:100%;max-width:210px}.brand{letter-spacing:normal}.sidebar nav .nav-link{color:#d5e7ef}.sidebar nav .nav-link:hover{background:#163c54}.sidebar nav .nav-link.selected{background:#0d535d;color:#baf6f1;box-shadow:inset 3px 0 #ffc52c}.workspace-label{color:#9eb9ca}.sidebar-bottom{border-color:#294c65}.sidebar .identity small{color:#b9d0dc}.avatar{background:var(--tint);color:var(--accent)}.topbar,.card,input,textarea,select,.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.topbar{height:auto;min-height:76px;gap:18px;flex-wrap:wrap;padding-block:14px}.account-menu{gap:18px;flex-wrap:wrap}.topbar a,.topbar-logout{color:var(--muted)}.button{background:#007f89;border-color:#007f89;color:white;border-radius:11px;padding:14px 21px;box-shadow:0 5px 12px #007f8912;font-size:13px}.button:hover{background:#006b74;border-color:#006b74}.button.secondary:hover{background:var(--tint)}.card{box-shadow:var(--shadow);border-radius:16px}.welcome-banner{background:var(--tint);border-color:var(--border);border-radius:18px}.welcome-banner h2{color:var(--ink)}.welcome-banner p,.welcome-banner a,.eyebrow,.text-link{color:var(--accent)}.welcome-banner .banner-art{background:radial-gradient(circle,#ffc52c55 0 48%,transparent 49%)}.welcome-banner .letter{background:var(--surface);border-color:var(--border)}.welcome-banner .letter span{background:var(--tint)}.welcome-banner .letter b{border-color:var(--tint);background:#007f89}.floating-dot{background:#ff704b}.muted,.stat-label,.stat small,.ticket-row p,.reference,.priority,.empty p,.message-author small,.message time,.thread-event,.ticket-summary dt,.back-link,.footer,.login-help p,.helptext,.address-field small,details p,.tips ol{color:var(--muted)}.ticket-row,.quick-help>a:not(.text-link),td,th,details,.login-help,.intro-note{border-color:var(--border)}.ticket-row:hover{background:var(--surface-2)}.status-open{background:var(--tint);color:var(--accent)}.status-waiting{background:var(--warm);color:var(--ink)}.status-resolved{background:var(--surface-2);color:var(--ink)}.empty,.empty-icon,.help-symbol,.pill{color:var(--accent)}.empty-icon,.help-symbol,.pill,.soft-note,.notice{background:var(--tint)}.notice,.soft-note{color:var(--ink);border-color:var(--border)}.team-message{border-left-color:#ff704b}.team-avatar{background:#007f89;color:white}.address-field>div{border-color:var(--border)}.address-field>div>span{background:var(--surface-2);color:var(--ink)}form .helptext{color:var(--muted)}form .errorlist{background:var(--warm);color:var(--ink)}.table-scroll th{color:var(--muted)}.skip{background:var(--surface);color:var(--ink)}
/* Header and theme preference: server-side POST, CSRF protected; no script needed. */
.public-header{width:min(1240px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 36px}.public-header nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:600}.public-header .brand-logo{width:185px}.header-client{border:1px solid var(--border);padding:11px 17px;border-radius:10px;background:var(--surface)}.appearance-switch{display:inline-flex;align-items:center;background:var(--surface-2);padding:4px;border:1px solid var(--border);border-radius:30px;gap:2px;flex-shrink:0;margin:0}.appearance-switch button{border:0;background:none;color:var(--muted);border-radius:22px;padding:7px 10px;font-size:11px;line-height:1.2;white-space:nowrap}.appearance-switch button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px #08284412}.appearance-switch button:hover{color:var(--ink)}
.auth-shell{background:var(--paper)}.auth-main{max-width:1200px;margin:auto;width:100%;padding:55px 36px 70px}.login-layout,.signup-layout{gap:9%;align-items:center}.login-intro,.signup-intro{color:var(--ink);padding:0}.login-intro h1,.signup-intro h1{color:var(--ink);font-size:clamp(30px,3.8vw,48px);letter-spacing:-1.5px}.login-intro>.eyebrow,.signup-intro>.eyebrow{color:var(--accent)}.login-intro>p,.signup-intro>p,.intro-note p{color:var(--muted)}.intro-note strong{color:var(--ink)}.note-symbol{color:var(--accent)}.login-card,.signup-card{box-shadow:var(--shadow)}.signup-intro .pilot-note{background:var(--warm);color:var(--ink)}.auth-shell .footer,.auth-shell .footer span:last-child{color:var(--muted)}.auth-shell .footer{padding:24px 36px;max-width:1240px;margin:auto;width:100%}
/* Public homepage */
.landing-main{padding:0 36px;max-width:1240px}.landing-shell{background:var(--paper)}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:65px 0 72px;align-items:center}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;color:var(--muted);margin-bottom:26px}.color-dot{height:8px;width:8px;background:#ff704b;border-radius:50%;box-shadow:0 0 0 5px #ff704b16}.hero-copy h1{font-size:clamp(43px,5.4vw,70px);font-weight:750;line-height:1.04;letter-spacing:-3px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:420px;font-size:14px;line-height:1.85;color:var(--muted);margin:26px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-actions .button{padding:17px 23px}.hero-secondary{font-size:12px;font-weight:650;border-bottom:1px solid var(--border);padding:6px 0}.hero-copy .hero-small{font-size:10px;line-height:1.8;margin:22px 0 0}.hero-small span{padding:0 7px}.hero-art{position:relative;min-height:440px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:94%;aspect-ratio:1;background:var(--warm);border:1px solid #ffc52c33}.orbit-two{width:77%;aspect-ratio:1;border:1px dashed #ddaa4560;transform:rotate(-20deg)}.mascot{width:67%;aspect-ratio:1.4;position:relative;overflow:hidden;transform:rotate(-9deg);filter:drop-shadow(0 28px 23px #6f571126)}.mascot img{position:absolute;max-width:none;width:400%;height:auto;left:-27%;top:-44%}.art-spark{position:absolute;font-size:39px}.spark-one{color:#ff704b;right:7%;top:9%;transform:rotate(15deg)}.spark-two{color:var(--accent);left:7%;bottom:15%;font-size:27px}.floating-note{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);font-size:11px;padding:16px 18px;color:var(--muted)}.floating-note strong{font-size:11px;color:var(--ink);line-height:2}.note-hello{right:0;top:12%;transform:rotate(6deg)}.note-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff704b;margin-right:5px}.note-address{bottom:15%;left:12%;transform:rotate(3deg);font-size:12px;font-weight:600;color:var(--ink)}.note-address>span{color:var(--accent);margin-right:9px;font-size:19px;vertical-align:middle}.art-caption{position:absolute;bottom:0;letter-spacing:2px;font-size:8px;color:var(--muted)}.pilot-banner{display:flex;gap:20px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:19px 23px}.pilot-tag{font-size:9px;font-weight:750;letter-spacing:1px;color:var(--ink);background:var(--warm);padding:7px 10px;border-radius:6px;white-space:nowrap}.pilot-banner p{color:var(--muted);font-size:11px;margin:0;flex:1}.pilot-banner a{font-size:10px;white-space:nowrap;color:var(--accent)}.home-features{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:95px 0}.section-intro h2,.home-steps h2,.home-faq h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-1.5px}.section-intro>p{max-width:330px;font-size:13px;color:var(--muted);line-height:1.8;margin-top:22px}.feature-list article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--border)}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border:0}.feature-number{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;font-size:12px;font-weight:700;color:#082844}.turquoise{background:#a0e7e6}.yellow{background:#ffe39a}.coral{background:#ffceb9}.feature-list h3{font-size:16px}.feature-list p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.home-steps{background:var(--tint);padding:44px 40px;border-radius:22px;display:grid;grid-template-columns:1fr 1.8fr;gap:55px}.home-steps .eyebrow{font-size:8px}.home-steps h2{font-size:30px}.home-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--accent);font-size:12px;font-weight:700;margin-bottom:19px}.home-steps h3{font-size:13px}.home-steps p{font-size:11px;line-height:1.8;color:var(--muted)}.home-faq{padding:90px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.home-faq summary{font-size:13px;padding-right:14px}.home-faq details{padding:19px 0}.home-faq details p{line-height:1.85}.home-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--warm);border-radius:22px;padding:40px;margin-bottom:65px}.home-cta h2{font-size:30px;letter-spacing:-1px}.home-cta .eyebrow{color:var(--muted);font-size:8px}.public-page .footer{border-top:1px solid var(--border)}
@media(min-width:1550px){.landing-main{padding-top:0}}@media(max-width:1000px){.public-header{padding:22px 28px}.public-header nav{gap:15px}.public-header .brand-logo{width:165px}.home-hero{gap:10px;padding-top:45px}.hero-copy h1{font-size:56px}.hero-art{min-height:365px}.floating-note{padding:12px;font-size:10px}.note-hello{right:-8px;top:7%}.note-address{left:5%;font-size:10px}.home-steps{grid-template-columns:1fr;gap:28px}.home-steps h2 br{display:none}.home-steps ol{gap:30px}.home-features{gap:8%}.account-menu{gap:12px}}
@media(max-width:700px){.public-header{padding:20px;gap:15px;flex-wrap:wrap}.public-header .brand-logo{width:152px}.public-header nav{gap:10px;justify-content:flex-end;flex-wrap:wrap;flex:1}.header-webmail{font-size:11px}.header-client{padding:8px 11px;font-size:11px}.appearance-switch button{padding:7px 9px}.appearance-switch button span{display:none}.public-header .appearance-switch{order:3}.landing-main{padding:0 22px}.home-hero{grid-template-columns:1fr;padding:36px 0 30px;gap:24px}.hero-copy h1{font-size:53px;letter-spacing:-2.5px}.hero-copy>.eyebrow{font-size:8px;margin-bottom:23px}.hero-copy>p{font-size:13px;max-width:420px}.hero-copy h1 em br{display:none}.hero-art{min-height:345px;width:min(420px,100%);margin:auto}.orbit-one{width:87%}.mascot{width:63%}.note-hello{right:0;top:9%}.note-address{left:10%;bottom:12%;font-size:11px}.art-caption{font-size:7px;bottom:-5px}.pilot-banner{padding:18px;flex-wrap:wrap;gap:12px}.pilot-banner p{min-width:100%;order:3;font-size:11px}.pilot-banner a{margin-left:auto}.home-features{grid-template-columns:1fr;padding:65px 0;gap:34px}.section-intro h2 br{display:none}.home-steps{padding:29px 25px}.home-steps ol{grid-template-columns:1fr;gap:19px}.home-steps li{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.home-steps li>span{grid-row:1/3;margin:0}.home-steps li h3{align-self:center}.home-steps li p{grid-column:2;margin:6px 0 0}.home-faq{grid-template-columns:1fr;padding:65px 0;gap:26px}.home-cta{padding:29px;flex-direction:column;align-items:flex-start;margin-bottom:45px}.home-cta h2{font-size:26px}.auth-main{padding:25px 22px 35px}.login-layout{gap:30px}.signup-layout{grid-template-columns:1fr}.auth-shell .footer{padding:24px 22px}.topbar .appearance-switch{margin-right:auto}.account-menu{justify-content:flex-start}.topbar a,.topbar-logout{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.appearance-switch,.public-header nav,.hero-actions,.home-cta,.sidebar,.topbar{display:none}.app{margin:0}.home-hero{grid-template-columns:1fr}.hero-art{display:none}}

/* The transparent logo sits directly on the page, without a backing plate. */
:root{--logo-wordmark:transparent}html[data-theme=dark]{--logo-wordmark:#edf5fa}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--logo-wordmark:#edf5fa}}
.brand{position:relative}.brand::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--logo-wordmark);-webkit-mask:url("brand/idelmail-logo.668c7d0745b3.png") center/100% 100% no-repeat;mask:url("brand/idelmail-logo.668c7d0745b3.png") center/100% 100% no-repeat;clip-path:inset(0 0 0 32%)}.sidebar .brand::after{background:#edf5fa}
@media print{.brand::after{display:none}}

.security-card{margin-bottom:24px;overflow-wrap:anywhere}.security-card h2{margin-bottom:16px}.security-card form{margin-top:20px}.security-card code{font-size:12px}.security-card .soft-note ul{padding-left:20px;line-height:2}

/* HAIDRA.DEV | Deux identités de marque ; aucune certification annoncée. */
.haidra-signature-row{display:flex;justify-content:flex-end;align-items:center;gap:1cm;flex:0 0 100%;grid-column:1/-1;width:100%;box-sizing:border-box;padding:20px 0;margin:0;clear:both;flex-wrap:nowrap}
.haidra-signature-row .haidra-signature{display:block!important;position:static!important;flex:0 0 96px;width:96px!important;max-width:100%;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:0!important;text-decoration:none!important}
.haidra-signature img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0;background:transparent}
.haidra-signature .haidra-on-dark{display:none}
.haidra-signature[data-tone="dark"] .haidra-on-light{display:none}
.haidra-signature[data-tone="dark"] .haidra-on-dark{display:block}
.haidra-signature:focus-visible{outline:2px solid #258bd2;outline-offset:6px}
html[data-theme="dark"] .haidra-signature[data-tone="auto"] .haidra-on-light,html.dark-mode .haidra-signature[data-tone="auto"] .haidra-on-light{display:none}
html[data-theme="dark"] .haidra-signature[data-tone="auto"] .haidra-on-dark,html.dark-mode .haidra-signature[data-tone="auto"] .haidra-on-dark{display:block}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .haidra-signature[data-tone="auto"] .haidra-on-light{display:none}html[data-theme="auto"] .haidra-signature[data-tone="auto"] .haidra-on-dark{display:block}}
@media(max-width:600px){.haidra-signature-row .haidra-signature{flex-basis:78px;width:78px!important}}
@media print{.haidra-signature-row{display:none!important}}


/* Keep the full-width creator row on its own line in the shared flex footer. */
.footer{flex-wrap:wrap}