@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#0b241e;--muted:#6d817b;--line:#dbe5e1;--green:#15a77c;--green-dark:#087759;--mint:#d9f6ec;--nav:#071d18;background:#f4f7f5;color:#16312a;font-family:DM Sans,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{background:#f4f7f5;margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.brand-lockup,h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(1.8rem,3vw,2.55rem);letter-spacing:-.045em}h1,h2{color:var(--ink)}h2{font-size:1.1rem;letter-spacing:-.025em}.eyebrow{color:var(--green-dark);font-size:.66rem;font-weight:800;letter-spacing:.14em;margin-bottom:.4rem;text-transform:uppercase}.login-shell{background:#071d18;display:grid;grid-template-columns:minmax(360px,44%) 1fr;min-height:100vh}.login-brand{background:radial-gradient(circle at 20% 70%,#124c3e 0,transparent 38%),linear-gradient(145deg,#061a16,#0a2a23);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:56px clamp(32px,6vw,92px);position:relative}.login-brand:after{border:1px solid #4ce1ae33;border-radius:50%;bottom:-120px;box-shadow:0 0 0 55px #38d6a10a,0 0 0 120px #38d6a108;content:"";height:420px;position:absolute;right:-230px;width:420px}.brand-lockup{align-items:center;display:flex;font-size:1.05rem;font-weight:800;gap:11px;letter-spacing:-.03em;position:relative;z-index:1}.brand-lockup>span:last-child>span{color:#54ddaf}.brand-pulse{background:#38d6a1;border-radius:10px;box-shadow:0 0 28px #38d6a155;color:#08231c;display:grid;height:34px;place-items:center;width:34px}.login-brand h1{color:#fff;font-size:clamp(2.8rem,5vw,5.5rem);letter-spacing:-.065em;line-height:.99;position:relative;z-index:1}.login-copy{color:#a9c8bf;font-size:1.05rem;line-height:1.7;margin-top:26px;max-width:540px}.security-note{color:#719c90;font-size:.75rem;position:relative;z-index:1}.login-frame{background:#eef4f1;display:grid;padding:28px;place-items:center;position:relative}.login-frame iframe{background:#fff;border:0;border-radius:24px;box-shadow:0 30px 80px #0d362827;height:min(760px,90vh);width:min(560px,100%)}.alert{background:#fff1f1;border:1px solid #f5c6c6;border-radius:10px;color:#a33232;font-size:.85rem;padding:12px 15px}.login-frame>.alert{position:absolute;top:24px;z-index:3}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.app-shell.without-navigation{grid-template-columns:1fr}.app-shell.without-navigation .workspace{grid-column:1}aside{background:var(--nav);color:#b8cec7;display:flex;flex-direction:column;inset:0 auto 0 0;padding:24px 16px;position:fixed;width:236px;z-index:10}aside .brand-lockup{color:#fff;padding:0 10px 28px}nav{display:flex;flex-direction:column;gap:4px}.aside-bottom button,nav button{align-items:center;background:transparent;border:0;border-radius:9px;color:#89a69d;display:flex;font-size:.82rem;font-weight:600;gap:12px;padding:11px 13px;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-icon{color:#6f9489;flex:0 0 19px;height:19px;transition:color .16s ease,transform .16s ease;width:19px}nav button.active,nav button:hover{background:#12352c;color:#eafff8}nav button:hover .nav-icon{color:#9ed8c6;transform:translateX(1px)}nav button.active .nav-icon{color:#47d8a8;filter:drop-shadow(0 0 6px #47d8a844)}.aside-bottom{border-top:1px solid #183b32;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px}.aside-bottom small{color:#52766c;font-size:.66rem;padding-left:13px}.workspace{grid-column:2;min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;height:68px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.topbar strong{font-size:.84rem}.top-actions{align-items:center;display:flex;gap:14px}.environment{color:#55716a;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.avatar{background:var(--mint);border-radius:50%;color:var(--green-dark);display:grid;font-size:.7rem;font-weight:800;height:32px;place-items:center;width:32px}.mobile-brand{display:none}.content{margin:auto;max-width:1540px;padding:34px clamp(20px,4vw,56px) 70px}.view-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.view-heading>div>p:last-child{color:var(--muted);font-size:.9rem;margin-top:8px}.live{align-self:center;background:#e4f7ef;border-radius:20px;color:#17795d;font-size:.72rem;font-weight:700;padding:8px 12px}.live i{background:#20b583;border-radius:50%;box-shadow:0 0 0 4px #20b5831c;display:inline-block;height:7px;margin-right:6px;width:7px}.mobile-logout,.nav-scrim,.nav-toggle{display:none}.stats{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.panel,.stat,.template-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #09241d08}.stat{padding:19px}.stat-top{color:var(--muted);display:flex;font-size:.76rem;font-weight:700;justify-content:space-between}.stat-top i{background:currentColor;border-radius:50%;height:9px;width:9px}.stat strong{color:var(--ink);display:block;font-family:Manrope;font-size:1.85rem;letter-spacing:-.04em;margin:14px 0 2px}.stat small{color:#8b9c97;font-size:.7rem}.stat.green{color:#1bac7f}.stat.blue{color:#348bc4}.stat.red{color:#d25b5b}.stat.amber{color:#d89a37}.dashboard-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);margin-bottom:16px}.modal header,.panel header{align-items:center;border-bottom:1px solid #e7eeeb;display:flex;justify-content:space-between;padding:20px 22px}.chip{background:#edf4f1;border-radius:6px;color:#527169;font-size:.64rem;font-weight:700;letter-spacing:.06em;padding:6px 9px;text-transform:uppercase}.chart{height:265px;padding:20px 24px 28px 50px;position:relative}.chart svg{height:210px;overflow:visible;width:100%}.chart .line{fill:none;stroke:#20ae82;stroke-width:3;vector-effect:non-scaling-stroke}.chart .area{fill:url(#area)}.chart-grid{color:#99aaa5;display:flex;flex-direction:column;font-size:.6rem;inset:22px auto 36px 16px;justify-content:space-between;position:absolute}.chart:before{background:repeating-linear-gradient(180deg,#dfe8e4 0,#dfe8e4 1px,transparent 0,transparent 52px);content:"";inset:22px 24px 36px 50px;position:absolute}.chart-days{bottom:10px;color:#90a29c;display:flex;font-size:.6rem;justify-content:space-between;left:50px;position:absolute;right:24px}.chart-panel footer,.quota-panel footer{border-top:1px solid #edf2f0;color:#82958f;font-size:.7rem;padding:12px 22px}.chart-panel footer strong{color:var(--ink)}.quota{padding:28px 22px}.quota>div{align-items:end;display:flex;justify-content:space-between;margin-top:20px}.quota>div:first-child{margin-top:0}.quota span{color:#567169;font-size:.78rem;font-weight:700}.quota strong{font-family:Manrope;font-size:1.05rem}.quota strong small{color:#90a29d;font-size:.68rem;font-weight:500}progress{appearance:none;height:7px;margin-top:10px;width:100%}progress::-webkit-progress-bar{background:#e8efec;border-radius:6px}progress::-webkit-progress-value{background:#29b98b;border-radius:6px}progress.sms::-webkit-progress-value{background:#4d93c5}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;font-size:.76rem;width:100%}th{background:#fafcfb;color:#81948e;font-size:.64rem;letter-spacing:.08em;padding:11px 20px;text-align:left;text-transform:uppercase}td{border-top:1px solid #edf2f0;color:#526c65;padding:15px 20px;white-space:nowrap}td strong{color:#17372f;display:block;font-weight:700}td small{color:#98aaa5;display:block;font-size:.6rem;margin-top:3px}.channels{display:flex;gap:4px}.channels b{border:1px solid #d5e3de;border-radius:5px;color:#55746b;font-size:.58rem;padding:4px 6px}.status{align-items:center;background:#edf2f0;border-radius:6px;color:#5c716c;display:inline-flex;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:5px 8px;text-transform:uppercase}.status-delivered{background:#e4f7ef;color:#16805f}.status-bounced,.status-complained,.status-failed{background:#fff0ef;color:#b84646}.status-queued,.status-sending{background:#fff5df;color:#a66b12}.empty{color:#8da09a;padding:40px;text-align:center}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.template-card{display:grid;gap:14px;grid-template-columns:42px 1fr;padding:20px}.template-mark{background:#e4f7ef;border-radius:10px;color:#0c825f;display:grid;font-size:.68rem;font-weight:800;height:42px;place-items:center;width:42px}.template-card h3{font-size:1rem;margin:11px 0 4px}.template-card code{color:#188264;font-size:.68rem}.template-card p{color:#83958f;font-size:.76rem;margin-top:11px}.empty-card{padding:32px}.empty-card p{color:var(--muted);margin-top:6px}.button{border:0;border-radius:9px;font-size:.76rem;font-weight:800;padding:10px 15px}.button.primary{background:#0b8e68;box-shadow:0 6px 16px #0b8e6828;color:#fff}.button.secondary{background:#edf2f0;color:#4e6c63}.modal-backdrop{background:#061a16aa;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:30}.modal{background:#fff;border-radius:16px;box-shadow:0 30px 90px #03100d77;max-height:92vh;overflow:auto;width:min(760px,100%)}.icon-button{background:#eef3f1;border:0;border-radius:8px;color:#5e7770;font-size:1.3rem;height:34px;width:34px}.form-grid{display:grid;gap:15px;grid-template-columns:1fr 1fr;padding:22px}.form-grid label{color:#536e66;font-size:.72rem;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{background:#fbfdfc;border:1px solid #d8e3df;border-radius:8px;color:#17362e;display:block;margin-top:7px;padding:10px;width:100%}.form-grid textarea{min-height:82px;resize:vertical}.modal footer{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:16px 22px}.key-reveal{background:#0b2b23;border-radius:12px;color:#fff;margin-bottom:16px;padding:18px 20px}.key-reveal code,.key-reveal strong{display:block}.key-reveal code{color:#70e4bd;margin-top:10px;overflow-wrap:anywhere}.key-list>div,.queue-list>div,.suppression-list>div,.usage-list>div{align-items:center;border-top:1px solid #edf2f0;display:flex;font-size:.76rem;gap:18px;padding:15px 22px}.key-list>div:first-child,.queue-list>div:first-child,.suppression-list>div:first-child,.usage-list>div:first-child{border-top:0}.key-list>div>div{margin-right:auto}.key-list small,.queue-list small{color:#91a29d;display:block;margin-top:3px}.queue-list strong{min-width:270px}.queue-list small{margin-left:auto}.usage-list strong{margin-right:auto;text-transform:capitalize}.suppression-list span,.usage-list span{color:#657a74}.suppression-list strong{margin-right:auto}.code-panel{margin-top:16px}.code-panel pre{background:#09251e;color:#9de8cf;font-size:.74rem;line-height:1.7;margin:0;overflow:auto;padding:22px}.loading{color:#6e857e;padding:60px;text-align:center}.fullscreen{display:grid;min-height:100vh;place-items:center}.sms-counter,.sms-field-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.sms-segment-badge{background:#e4f7ef;border-radius:999px;color:#16805f;font-size:.62rem;font-weight:800;line-height:1;padding:5px 9px}.sms-segment-badge.warning{background:#fff5df;color:#a66b12}.sms-segment-badge.danger{background:#fff0ef;color:#b84646}.sms-counter{color:#70857f;font-size:.66rem;font-weight:600;margin-top:-7px}.sms-counter small{color:#96a7a2;font-size:.61rem;font-weight:500;text-align:right}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:380px;padding:30px}.login-brand h1{font-size:3.1rem}.login-frame{padding:16px}.app-shell{display:block}aside{align-items:center;display:flex;flex-direction:row;height:64px;inset:0 0 auto;justify-content:space-between;padding:12px 15px;position:sticky;width:100%;z-index:20}aside .brand-lockup{color:#fff;padding:0}.nav-toggle{align-content:center;background:#102f27;border:1px solid #315047;border-radius:10px;display:grid;gap:5px;height:40px;justify-content:center;position:relative;width:42px;z-index:23}.nav-toggle span{background:#a8c9bf;border-radius:3px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:18px}.nav-open .nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}.nav-scrim{background:#061a1688;border:0;inset:64px 0 0;position:fixed;z-index:21}.nav-open .nav-scrim{display:block}aside nav{background:var(--nav);box-shadow:0 18px 35px #03100d66;display:none;flex-direction:column;gap:4px;inset:64px 0 auto;max-height:calc(100vh - 64px);overflow-y:auto;padding:8px 12px 16px;position:fixed;z-index:22}.nav-open nav{display:flex}nav button{padding:12px 14px;white-space:normal;width:100%}.mobile-logout{border-top:1px solid #23453c;color:#e1a6a6;display:flex;margin-top:8px;padding-top:14px}.mobile-logout .nav-icon{color:#d88989}.mobile-logout:hover{background:#3b2425;color:#ffdede}.mobile-logout:hover .nav-icon{color:#f3aaaa}.aside-bottom{display:none}.workspace{display:block}.topbar{padding:0 18px}.mobile-brand{color:var(--green-dark);display:inline;margin-right:10px}.content{padding:24px 15px 50px}.view-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.card-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.queue-list>div,.suppression-list>div,.usage-list>div{align-items:flex-start;flex-direction:column;gap:5px}.queue-list small{margin-left:0}}@media(max-width:460px){.stats{grid-template-columns:1fr}.login-brand h1{font-size:2.6rem}.top-actions .environment{display:none}.topbar{height:60px}.topbar .avatar{height:30px;width:30px}.mobile-brand{display:none}}nav button:disabled{background:transparent;color:#6c8980;cursor:not-allowed;opacity:.42}.button:disabled{cursor:not-allowed;opacity:.58}.onboarding-shell{display:grid;min-height:calc(100vh - 172px);padding:30px;place-items:center}.onboarding-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px #103e3020;padding:clamp(28px,5vw,52px);text-align:center;width:min(680px,100%)}.onboarding-mark{background:#38d6a1;border-radius:15px;box-shadow:0 10px 26px #38d6a13c;color:#08231c;display:grid;font-family:Manrope;font-size:1.35rem;font-weight:800;height:54px;margin:0 auto 24px;place-items:center;width:54px}.onboarding-card h1{font-size:clamp(1.7rem,4vw,2.35rem)}.onboarding-copy{color:var(--muted);font-size:.9rem;line-height:1.65;margin:15px auto 26px;max-width:450px}.onboarding-card .alert{margin-bottom:18px;text-align:left}.onboarding-card form{text-align:left}.onboarding-card label{color:#425f57;display:block;font-size:.76rem;font-weight:800}.onboarding-card input,.onboarding-card select,.onboarding-card textarea{background:#fbfdfc;border:1px solid #ccddd7;border-radius:10px;color:var(--ink);display:block;font:inherit;margin:8px 0 14px;outline:none;padding:12px 13px;width:100%}.onboarding-card textarea{min-height:82px;resize:vertical}.onboarding-card input:focus,.onboarding-card select:focus,.onboarding-card textarea:focus{border-color:#22ad82;box-shadow:0 0 0 3px #22ad8218}.onboarding-card form .button{padding:12px;width:100%}.onboarding-card>small{color:#91a39d;display:block;font-size:.66rem;line-height:1.5;margin-top:18px}.onboarding-card>small a{color:#178a69;font-weight:800}.onboarding-choices{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:0 0 20px}.onboarding-choices button{background:#f8fbfa;border:1px solid #ccddd7;border-radius:12px;color:#31564b;cursor:pointer;padding:14px;text-align:left}.onboarding-choices button small,.onboarding-choices button strong{display:block}.onboarding-choices button strong{font-size:.78rem}.onboarding-choices button small{color:#789087;font-size:.64rem;margin-top:4px}.onboarding-choices button.active{background:#eafaf4;border-color:#22ad82;box-shadow:0 0 0 2px #22ad8214}.onboarding-choices button:disabled{cursor:not-allowed;opacity:.48}@media(max-width:620px){.app-shell.without-navigation .content{padding-left:6px;padding-right:6px}.onboarding-shell{padding:20px 0}.onboarding-choices{grid-template-columns:1fr}.onboarding-card{padding:26px 20px}}.state-error{background:#fff;border:1px solid #efcaca;border-radius:14px;color:#8f3434;margin:70px auto;max-width:620px;padding:26px}.state-error strong{display:block;font-family:Manrope;font-size:1.05rem}.state-error p{color:#986060;font-size:.82rem;margin:8px 0 18px}@media(max-width:460px){.sms-counter{align-items:flex-start;flex-direction:column;gap:3px}.sms-counter small{text-align:left}}.template-library-switch{background:#e8efec;border-radius:14px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px}.template-library-switch>button{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:#61766f;display:flex;gap:11px;padding:13px 15px;text-align:left}.template-library-switch>button.active{background:#fff;border-color:#d6e2de;box-shadow:0 5px 16px #0d36280d;color:#17372f}.template-library-switch small,.template-library-switch strong{display:block}.template-library-switch strong{font-size:.78rem}.template-library-switch small{color:#8a9c96;font-size:.64rem;margin-top:2px}.library-icon{background:#d9f6ec;border-radius:9px;color:#087759;display:grid;font-family:Manrope;font-size:.65rem;font-weight:800;height:35px;place-items:center;width:35px}.library-icon.custom{background:#e7eaf8;color:#5960a8;font-size:.9rem}.template-directory-toolbar{align-items:end;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;gap:20px;justify-content:space-between;margin-bottom:14px;padding:17px 19px}.template-directory-toolbar>div small,.template-directory-toolbar>div strong{display:block}.template-directory-toolbar>div strong{font-family:Manrope;font-size:.88rem}.template-directory-toolbar>div small{color:#84968f;font-size:.68rem;margin-top:4px}.template-directory-toolbar label{color:#61766f;font-size:.65rem;font-weight:800}.template-directory-toolbar select{background:#fbfdfc;border:1px solid #d4e0dc;border-radius:8px;color:#17372f;display:block;margin-top:5px;min-width:200px;padding:8px 10px}.dujour-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dujour-template-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:19px}.template-card-footer,.template-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.source-app-badge{background:#e4f7ef;border-radius:6px;color:#0b7b5b;font-size:.61rem;font-weight:800;padding:5px 8px}.dujour-template-card h3{margin:0 0 5px}.dujour-template-card code{color:#6f827c;font-size:.66rem;overflow-wrap:anywhere}.dujour-template-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4d6961;display:-webkit-box;line-height:1.55;margin-top:12px;overflow:hidden}.template-card-footer{border-top:1px solid #edf2f0;margin-top:auto;padding-top:12px}.template-card-footer>span{color:#8a9b96;font-size:.62rem}.template-card-footer .button{white-space:nowrap}.empty-card .button{margin-top:16px}.dujour-message-modal{width:min(720px,100%)}.dujour-locked-summary{background:#e2ebe7;border-bottom:1px solid #dce6e2;display:grid;gap:1px;grid-template-columns:1fr 1fr}.dujour-locked-summary>div{background:#f8fbfa;min-width:0;padding:13px 18px}.dujour-locked-summary code,.dujour-locked-summary span,.dujour-locked-summary strong{display:block}.dujour-locked-summary span{color:#8a9c96;font-size:.61rem;font-weight:800;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.dujour-locked-summary code,.dujour-locked-summary strong{color:#39574e;font-size:.7rem;overflow-wrap:anywhere}.dujour-message-modal>.alert{margin:16px 20px 0}.dujour-message-form{padding:20px}.dujour-message-form label{color:#536e66;font-size:.72rem;font-weight:800}.dujour-message-form textarea{background:#fbfdfc;border:1px solid #d2dfda;border-radius:10px;color:#17362e;display:block;margin-top:8px;min-height:180px;padding:13px;resize:vertical;width:100%}.message-editor-meta{color:#71857f;display:flex;font-size:.65rem;gap:12px;justify-content:space-between;margin-top:8px}.dujour-message-form>p{background:#eff6f3;border-radius:8px;color:#71857f;font-size:.66rem;line-height:1.5;margin-top:14px;padding:10px 12px}@media(max-width:760px){.dujour-template-grid{grid-template-columns:1fr}.template-directory-toolbar{align-items:stretch;flex-direction:column}.template-directory-toolbar select{min-width:0;width:100%}.template-library-switch{grid-template-columns:1fr 1fr}.template-card-footer{align-items:flex-start;flex-direction:column}.template-card-footer .button{width:100%}}@media(max-width:520px){.dujour-locked-summary,.template-library-switch{grid-template-columns:1fr}.message-editor-meta{align-items:flex-start;flex-direction:column}}.dujour-message-modal{max-height:calc(100vh - 32px);overflow-y:auto;width:min(760px,100%)}.template-setting-row{align-items:center;background:#f8fbfa;border:1px solid #dce6e2;border-radius:11px;display:flex;gap:18px;justify-content:space-between;margin-top:18px;padding:14px 15px}.attachment-field>div:first-child small,.attachment-field>div:first-child strong,.template-setting-row small,.template-setting-row strong{display:block}.template-setting-row strong{color:#294a40;font-size:.72rem}.attachment-field small,.email-complement-field>small,.template-setting-row small{color:#81958e;font-size:.62rem;font-weight:500;margin-top:3px}.switch-control{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:9px}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control>span{background:#b8c8c3;border-radius:99px;height:24px;position:relative;transition:background .2s;width:42px}.switch-control>span:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0d362844;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.switch-control input:checked+span{background:#07966f}.switch-control input:checked+span:after{transform:translateX(18px)}.switch-control input:focus-visible+span{outline:3px solid #6bd7bb66;outline-offset:2px}.switch-control b{color:#46635a;font-size:.63rem;min-width:55px}.email-complement-field{display:block;margin-top:18px}.email-complement-field>small{display:block}.dujour-message-form .email-complement-field textarea{min-height:100px}.field-counter{color:#82958f;display:block;font-size:.61rem;font-weight:500;margin-top:6px;text-align:right}.attachment-field{margin-top:18px}.attachment-current{align-items:center;background:#f8fbfa;border:1px solid #cfe0da;border-radius:10px;display:flex;gap:10px;margin-top:9px;padding:11px 13px}.attachment-current>span{font-size:1rem}.attachment-current>div{flex:1;min-width:0}.attachment-current small,.attachment-current strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-current button{background:transparent;border:0;color:#a04747;cursor:pointer;font-size:.63rem;font-weight:800}.attachment-picker{align-items:center;background:#f8fbfa;border:1px dashed #a9c6bc;border-radius:10px;cursor:pointer;display:flex;flex-wrap:wrap;gap:10px;margin-top:9px;padding:13px}.attachment-picker input{height:1px;opacity:0;position:absolute;width:1px}.attachment-picker>span{background:#e1f3ec;border-radius:7px;color:#087a5c;font-size:.65rem;font-weight:800;padding:7px 10px}.attachment-picker>small{flex:1;min-width:210px}.dujour-message-modal>footer .preview-trigger{background:#e3f4ee;color:#087a5c;margin-right:auto}.dujour-message-modal>footer .preview-trigger span{margin-right:5px}.email-preview-backdrop{background:#061a16cc;z-index:40}.email-preview-modal{width:min(720px,100%)}.preview-notice{background:#edf7f3;color:#688078;font-size:.66rem;padding:10px 22px}.preview-notice span{background:#d3eee4;border-radius:5px;color:#08785a;font-weight:800;letter-spacing:.04em;margin-right:7px;padding:4px 7px;text-transform:uppercase}.email-client-preview{background:#f4f7f6;border:1px solid #dbe5e1;border-radius:13px;box-shadow:0 12px 35px #0a2d2214;margin:22px;overflow:hidden}.email-client-bar{align-items:center;background:#e8efec;border-bottom:1px solid #dce6e2;display:flex;gap:6px;padding:10px 13px}.email-client-bar i{background:#b5c4bf;border-radius:50%;height:7px;width:7px}.email-client-bar i:first-child{background:#de827a}.email-client-bar i:nth-child(2){background:#e0b65e}.email-client-bar i:nth-child(3){background:#68ba8d}.email-client-bar span{color:#83958f;font-size:.59rem;font-weight:700;margin-left:5px}.email-preview-meta{align-items:center;background:#fff;border-bottom:1px solid #e3ebe8;display:flex;gap:10px;padding:13px 16px}.email-avatar{background:#2ed2a3;border-radius:9px;color:#073b2f;display:grid;font-family:Manrope;font-weight:900;height:34px;place-items:center;width:34px}.email-preview-meta small,.email-preview-meta strong{display:block}.email-preview-meta strong{color:#17372f;font-size:.68rem}.email-preview-meta small{color:#879992;font-size:.59rem;margin-top:2px}.email-preview-content{background:#fff;border-radius:8px;color:#294a40;margin:20px;padding:34px 38px}.email-preview-brand{color:#0a2e25;display:inline-block;font-family:Manrope;font-size:.86rem;font-weight:900;margin-bottom:27px}.email-preview-brand span{color:#11a97e}.email-preview-content h3{color:#102f27;font-family:Manrope;font-size:1.35rem;letter-spacing:-.025em;line-height:1.25;margin:0 0 20px}.email-preview-content p{color:#526b63;font-size:.76rem;line-height:1.75;margin:0;white-space:pre-line}.email-preview-content .email-preview-complement{border-top:1px solid #e5ece9;margin-top:17px;padding-top:17px}.email-preview-signature{color:#173b31;font-size:.68rem;font-weight:800;margin-top:28px}.email-preview-attachment{align-items:center;background:#fff;border:1px solid #dbe5e1;border-radius:8px;display:flex;gap:10px;margin:0 20px 20px;padding:11px 13px}.email-preview-attachment>span{background:#e3f4ee;border-radius:7px;color:#0a8664;display:grid;font-size:1rem;height:30px;place-items:center;width:30px}.email-preview-attachment small,.email-preview-attachment strong{display:block}.email-preview-attachment strong{color:#304f46;font-size:.65rem}.email-preview-attachment small{color:#8a9b95;font-size:.58rem;margin-top:2px}@media (max-width:520px){.template-setting-row{align-items:flex-start;flex-direction:column}.switch-control{justify-content:flex-start;width:100%}.dujour-message-modal>footer{flex-wrap:wrap}.dujour-message-modal>footer .preview-trigger{margin-right:0;width:100%}.email-client-preview{margin:12px}.email-preview-content{margin:10px;padding:25px 20px}}