:root{
  --ink:#001b2e;
  --muted:#537380;
  --green:#4c9eaf;
  --line:#d3e2e6;
  --paper:#ffffff;
  --surface:#ffffff;
  --danger:#a82a32;
  --header-bg:#ffffffeb;
  --card-bg:#ffffff;
  --sidebar-bg:#ffffff;
  --stat-bg:#ffffff;
  --sidebar-active-bg:#e8f4f7;
  --sidebar-active-line:#4c9eaf;
  --dark-bg:#001b2e;
}
[data-theme="dark"] {
  --ink:#e4eff3;
  --muted:#8faab5;
  --green:#4c9eaf;
  --line:#1c3748;
  --paper:#001726;
  --surface:#001b2e;
  --card-bg:#001f35;
  --sidebar-bg:#001726;
  --stat-bg:#001f35;
  --header-bg:#001726f0;
  --sidebar-active-bg:#0a2c42;
  --sidebar-active-line:#4c9eaf;
}
[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
[data-theme="dark"] .card, [data-theme="dark"] .stat, [data-theme="dark"] .delivery-strip, [data-theme="dark"] .setup-card, [data-theme="dark"] .login-panel, [data-theme="dark"] .smtp-item { background: var(--card-bg)!important; border-color: var(--line)!important; color: var(--ink); }
[data-theme="dark"] .sidebar, [data-theme="dark"] header { background: var(--sidebar-bg)!important; border-color: var(--line)!important; }
[data-theme="dark"] header { background: var(--header-bg)!important; }
[data-theme="dark"] nav button { color: var(--muted); }
[data-theme="dark"] nav button.active { background: var(--sidebar-active-bg)!important; color: #6fc2d3!important; border-left-color: var(--sidebar-active-line)!important; }
[data-theme="dark"] .brand { color: #6fc2d3!important; }
[data-theme="dark"] .workspace { background: #002239!important; border-color: var(--line)!important; color: var(--ink); }
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea { background: #002239!important; border-color: var(--line)!important; color: var(--ink)!important; }
[data-theme="dark"] input:hover, [data-theme="dark"] select:hover, [data-theme="dark"] textarea:hover { border-color: var(--green)!important; }
[data-theme="dark"] table th { background: #002239!important; color: var(--muted)!important; border-color: var(--line)!important; }
[data-theme="dark"] table td { border-color: var(--line)!important; color: var(--ink)!important; }
[data-theme="dark"] dialog { background: var(--card-bg)!important; color: var(--ink)!important; border-color: var(--line)!important; }
[data-theme="dark"] .dialog-actions, [data-theme="dark"] .page-editor-actions { background: var(--card-bg)!important; border-color: var(--line)!important; }
[data-theme="dark"] .auth-mode { background: #001726!important; }
[data-theme="dark"] .login-layout { background: radial-gradient(ellipse at 50% 0, #0a2e45 0, transparent 65%)!important; }
[data-theme="dark"] .rich-editor-wrapper { background: var(--card-bg)!important; border-color: var(--line)!important; }
[data-theme="dark"] .rich-editor-wrapper .ql-toolbar.ql-snow { background: #002239!important; border-color: var(--line)!important; }
[data-theme="dark"] .rich-editor-wrapper .ql-toolbar.ql-snow button svg { fill: #8faab5; }
[data-theme="dark"] .rich-editor-wrapper .ql-toolbar.ql-snow button .ql-stroke { stroke: #8faab5; }
[data-theme="dark"] .rich-editor-wrapper .ql-editor { color: var(--ink)!important; }
[data-theme="dark"] .rich-editor-status { background: #002239!important; border-color: var(--line)!important; }
[data-theme="dark"] .tile { background: #082d42!important; color: #6fc2d3!important; }
[data-theme="dark"] .feature { background: #002239!important; border-color: var(--line)!important; }
[data-theme="dark"] .feature p { color: var(--muted)!important; }
[data-theme="dark"] .preview { background: #00253f!important; border-color: #17425f!important; color: #92b9d0!important; }
[data-theme="dark"] .sequence-list { background: #002239!important; }
[data-theme="dark"] .environment { background: #082d42!important; color: #6fc2d3!important; }
[data-theme="dark"] .email-preview-frame { background: #001726!important; border-color: var(--line)!important; }
.theme-toggle-btn{background:transparent;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--ink);min-height:34px;display:inline-flex;align-items:center;gap:5px;font-weight:600}
.theme-toggle-btn:hover{background:#edf4f7;border-color:var(--green)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}:focus-visible{outline:3px solid #237bb5!important}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:10px 16px;font-weight:600;min-height:42px;transition:background .15s,border-color .15s}button:hover{background:#edf3f4;border-color:#acbec4}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#3b8291;border-color:#3b8291}.text-button{border:0;color:var(--green);background:transparent;font-size:12px;padding:8px 10px}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:30}.brand{text-decoration:none;display:flex;gap:11px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-.7px;color:#001b2e}.mark{width:40px;height:40px;background:#001b2e;color:#fff;display:grid;place-items:center;border-radius:10px;font-size:32px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}.workspace{margin:30px 0 22px;border:1px solid var(--line);background:#f8fafb;padding:12px;border-radius:8px;font-weight:600;font-size:12px}.workspace span{float:right}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}nav{display:grid;gap:5px}nav button{border:0;text-align:left;color:#52686e;background:transparent;padding:11px 15px;white-space:nowrap;font-size:13px;font-weight:550}nav button.active{color:#001b2e;background:#eaf5f7;border-left:3px solid var(--green);padding-left:12px;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>strong{display:block;font-size:16px;line-height:1.5;letter-spacing:-.2px}.sidebar-bottom>p{font-size:12px;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:11px;font-weight:600}.profile>span{background:#e7f3f5;padding:8px;border-radius:50%;color:var(--green)}.profile button{padding:4px 0;min-height:32px}.shell{margin-left:244px}header{height:73px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 40px;background:#ffffffeb;font-size:12px;position:sticky;top:0;z-index:15}.header-right{display:flex;align-items:center;gap:10px}.install-app-btn{background:var(--green);color:#fff;border:0;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:650;min-height:34px;box-shadow:0 2px 6px rgba(76,158,175,0.35);transition:background .15s}.install-app-btn:hover{background:#3b8291}.breadcrumb{color:var(--muted)}.slash{color:#9aaeb4;margin:0 13px}.environment{color:#194650;font-size:11px;background:#e8f4f7;padding:6px 12px;border-radius:20px;font-weight:600}main{max-width:1560px;margin:auto;padding:36px 40px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}h1{font-size:31px;letter-spacing:-1px;line-height:1.3;margin:7px 0 8px;font-weight:650}.page-heading p:last-child,.muted{color:var(--muted);margin:0}.eyebrow{color:var(--green);margin:0}h2{font-size:17px;letter-spacing:-.3px;line-height:1.4;margin:0}h3{font-size:14px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 2px 4px #22343f03}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:600}.stat-value{font-size:32px;letter-spacing:-1px;margin:7px 0;font-weight:650}.stat-note{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 2px 5px #23394003;margin-bottom:22px}.card-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.card-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.campaign{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:21px 24px;border-bottom:1px solid var(--line)}.campaign:last-child{border:0}.tile{width:40px;height:40px;display:grid;place-items:center;font-size:19px;background:#e9f4f6;border-radius:9px;color:var(--green)}.campaign p{font-size:12px;margin:4px 0;color:var(--muted)}.badge{display:inline-block;font-size:10px;padding:4px 9px;border-radius:20px;font-weight:700;background:#e7f3f6;color:#185360}.badge.draft{background:#edf1f4;color:#526875}.feature{padding:28px;background:#eaf4f7;border-color:#d4e6eb}.feature h2{font-size:26px;line-height:1.35;margin:14px 0;letter-spacing:-.7px;max-width:280px}.feature p{color:#3a616b;font-size:12px;max-width:280px}.feature button{margin-top:15px;background:#fff;border:1px solid #c9dfe5}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.section-top input{max-width:330px}input,select,textarea{padding:11px 12px;border:1px solid #b9c9ce;border-radius:7px;background:#fff;color:var(--ink);width:100%;min-height:44px}input:hover,select:hover,textarea:hover{border-color:var(--green)}input:disabled,select:disabled{background:#f2f4f5;color:#697b81}table{border-collapse:collapse;width:100%;text-align:left;table-layout:auto}th,td{padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}th{color:#566a73;font-size:10px;letter-spacing:.7px;background:#f8fafb;font-weight:700}th:first-child{min-width:150px}td:first-child{font-weight:600}td.row-actions{min-width:205px;max-width:260px}td button{font-size:11px;min-height:36px;white-space:nowrap;padding:6px 9px}.table-wrap{overflow-x:auto}.empty{padding:32px;color:var(--muted);font-size:13px}.settings{padding:25px;margin-bottom:22px}.settings p{color:var(--muted)}.settings button{margin-top:15px;margin-right:8px}.settings dl{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings dt{font-weight:600}.settings dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.button-link{display:inline-block;color:var(--green);padding:10px 14px;border:1px solid var(--line);border-radius:7px;text-decoration:none;margin-right:8px;background:#fff;font-weight:600;font-size:12px}.button-link:hover{background:#edf5f7}.lesson-body{white-space:pre-wrap}footer{display:flex;justify-content:space-between;color:#657c82;font-size:9px;letter-spacing:1px;margin-top:32px;padding:20px 0}footer span{letter-spacing:0}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:5px}.menu-toggle,.menu-backdrop{display:none}dialog{border:1px solid var(--line);border-radius:13px;padding:28px;width:min(660px,94vw);max-height:91dvh;color:var(--ink);box-shadow:0 25px 90px #001b2e33;overflow:auto}dialog::backdrop{background:#001b2e80;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.dialog-head h2{font-size:24px;letter-spacing:-.6px}.icon-button{font-size:25px;border:0;padding:0 10px;min-width:42px}.form-intro{color:var(--muted);font-size:13px;padding-bottom:8px}.muted{font-size:12px}form>label,.settings label{display:block;font-size:12px;font-weight:650;margin-top:18px}label input,label select,label textarea{display:block;margin-top:7px}textarea{resize:vertical;line-height:1.6}fieldset{border:0;padding:0;margin:20px 0 0;min-width:0}legend{font-size:12px;font-weight:650;margin-bottom:8px}.choice-field{border-top:1px solid var(--line);padding-top:15px}.choice-field legend{background:#fff;padding-right:8px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:190px;overflow:auto;padding:3px}.choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px;cursor:pointer;margin:0!important;min-height:45px}.choice:has(input:checked){background:#eaf5f7;border-color:var(--green)}.choice input{width:17px;height:17px;min-height:0;flex-shrink:0;margin:0;accent-color:var(--green)}.days{display:flex;gap:8px;flex-wrap:wrap}.days label{position:relative;cursor:pointer}.days input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.days span{width:43px;height:43px;border:1px solid #bbcbd0;border-radius:7px;display:grid;place-items:center;font-weight:600}.days input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.days input:focus-visible+span{outline:3px solid #237bb5;outline-offset:3px}.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--green)}form>label.check-row{display:flex}.preview{background:#eaf4f8;color:#23586b;padding:14px;margin-top:20px;border-radius:7px;font-size:12px;line-height:1.7;border:1px solid #cfdfe6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px;position:sticky;bottom:-28px;background:white;padding-bottom:10px}.field-error,#form-error{color:var(--danger);font-size:12px;font-weight:550;line-height:1.6}#form-error:empty{display:none}#form-error:not(:empty){background:#fff0f1;padding:12px;border:1px solid #f0b8bc;border-radius:7px}.field-error{margin:7px 0}.days+.field-error{flex-basis:100%}[aria-invalid=true]{border-color:var(--danger)!important}.sequence-list{margin-top:12px;padding:12px 15px;background:#f0f6f8;border-radius:8px}.sequence-row{display:flex;align-items:center;gap:7px;padding:8px 0}.sequence-row span{flex:1;font-size:12px}.sequence-row button{padding:5px 10px;min-height:36px;min-width:36px}.account-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:13px 0}.account-row p{flex:1;margin:0;min-width:180px}.account-row button{margin-top:0}.delivery-strip{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:8px;padding:17px 20px;margin-bottom:24px}.delivery-strip>div{flex:1}.delivery-strip strong{font-size:12px}.delivery-strip p{font-size:11px;color:var(--muted);margin:3px 0 0}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;flex-shrink:0}.setup-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 24px;margin-bottom:24px}.setup-card h2{font-size:15px}.setup-card .section-top{margin-bottom:14px}.setup-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.setup-step{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.setup-step>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #b9c8cf;border-radius:50%;flex-shrink:0}.setup-step.complete>span{background:#e7f3f6;color:#185360;border-color:#84b5c0}.smtp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.smtp-item{border:1px solid var(--line);border-radius:7px;padding:15px;background:#f9fbfc}.smtp-item span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.smtp-item strong{font-size:12px;overflow-wrap:anywhere}.delivery-issues{grid-column:1/-1;padding:15px 30px;background:#fff9eb;border:1px solid #e9dab4;border-radius:7px;font-size:12px;color:#72551e;margin:0}.worker-summary{font-size:20px;font-weight:650}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#001b2e;color:white;border-radius:8px;padding:14px 20px;display:none;z-index:100;max-width:90vw;box-shadow:0 5px 20px #0004;font-size:13px}#toast.visible{display:block}[hidden]{display:none!important}
@media(max-width:1180px){main{padding:28px}.shell{margin-left:224px}.sidebar{width:224px;padding:25px 16px}header{padding:0 28px}.setup-steps{grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-grid{grid-template-columns:1fr}.feature{display:none}.stats{gap:12px}.stat{padding:18px}.smtp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px;padding:25px 20px}.menu-open .sidebar{transform:translateX(0)}.shell{margin:0}.menu-toggle{display:block;font-size:19px;padding:6px 12px;min-width:44px}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#142c3866;z-index:25;border:0;border-radius:0}.menu-open{overflow:hidden}header{height:65px;padding:0 20px;justify-content:flex-start}.environment{margin-left:auto;font-size:10px}.sidebar-bottom{display:block}nav{display:grid;overflow:visible;margin-top:0}nav button{font-size:13px}main{padding:25px 20px}.page-heading{gap:16px}.page-heading h1{font-size:28px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-strip{flex-wrap:wrap}.delivery-strip>div{min-width:70%}.delivery-strip button{margin-left:15px;padding-left:0}.setup-steps{grid-template-columns:repeat(2,1fr)}.section-top{flex-wrap:wrap}.section-top input{max-width:none;flex:1;min-width:180px}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{padding:17px 20px;border-bottom:1px solid var(--line)}.table-wrap td{padding:6px 0;border:0;min-width:0!important;max-width:none!important;display:flex;gap:12px;align-items:flex-start}.table-wrap td[data-label]::before{content:attr(data-label);width:94px;flex-shrink:0;color:var(--muted);font-size:11px;font-weight:500}.table-wrap td.row-actions{display:flex;flex-wrap:wrap;gap:3px;padding-top:12px}.table-wrap td.row-actions::before{width:100%;font-weight:600}.campaign{padding:18px}.settings{padding:20px}footer{margin-top:20px}.dialog-actions{bottom:-28px}}
@media(max-width:480px){main{padding:22px 15px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p:last-child{font-size:12px}.page-heading #page-actions,.page-heading #page-actions button{width:100%}header{padding:0 15px;gap:9px}header .breadcrumb,header .slash{display:none}.environment{max-width:160px;text-align:center;line-height:1.3}.stat{padding:15px}.stat-value{font-size:29px}.stat-note{font-size:10px}.setup-card{padding:18px}.setup-step{font-size:10px}.smtp-grid,.choice-grid{grid-template-columns:1fr}.choice-grid{max-height:210px}.campaign{grid-template-columns:34px 1fr auto;gap:10px}.campaign h3{font-size:12px}.campaign p{font-size:10px}.tile{width:34px;height:34px}.card-head{padding:18px}.card-head p{font-size:11px}.delivery-strip{padding:15px}.delivery-strip button{margin:0}.settings dl{grid-template-columns:1fr}.section-top input{min-width:100%;order:2}footer span{display:none}dialog{padding:21px;width:96vw;max-height:94dvh;border-radius:10px}.dialog-head h2{font-size:21px}.dialog-actions{bottom:-21px;margin-top:20px;padding-top:15px}.days{gap:6px}.days span{width:36px;height:40px}.account-row button{font-size:11px}input,select,textarea{font-size:16px}.choice input,.days input{font-size:14px}.button-link{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
button,.text-button,td button,.sequence-row button,.profile button,.menu-toggle{min-height:44px}.days span{min-width:44px;min-height:44px}.choice{min-height:48px}.diagnostic-item{margin:16px 0;border:1px solid #dce4e7;border-radius:8px;padding:15px}.diagnostic-item ul{padding-left:20px;font-size:12px;color:#72551e}.delivery-strip{line-height:1.6}.row-actions button{min-height:44px}.sequence-row button{min-width:44px}.field-error{grid-column:1/-1}@media(max-width:480px){.days{gap:5px}.days span{min-width:35px;width:35px}.days label{padding:0 1px 4px}.sidebar{overflow:auto}.dialog-actions button{flex:1}}
button,a.button-link,.text-button,.profile button{min-height:44px}.days span{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.days{flex-wrap:wrap;gap:6px}.days label{padding:0}.choice{min-height:48px}.menu-toggle{min-width:44px}.icon-button{min-width:44px}.button-link{display:inline-flex;align-items:center}.text-button{touch-action:manipulation}
/* Dedicated module editing screens */
.page-editor{max-width:1120px;margin:0 auto}.editor-sections{display:grid;gap:22px}.editor-section{margin:0;overflow:visible;display:grid;grid-template-columns:260px minmax(0,1fr);padding:27px;gap:30px}.editor-section-heading h2{font-size:16px;margin-bottom:8px}.editor-section-heading p{line-height:1.7}.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;align-items:start}.editor-fields .editor-field{margin:0;display:block;font-size:12px;font-weight:650}.editor-fields .full-width{grid-column:1/-1}.editor-fields .check-row{display:flex;align-items:center;min-height:44px}.editor-fields .choice-field{border:0;padding:0}.editor-fields .choice-field legend{padding:0}.editor-fields .choice-grid{max-height:240px}.editor-fields textarea{min-height:210px}.editor-fields .sequence-list{margin:0}.page-editor-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;position:sticky;bottom:0;z-index:10;padding:18px 20px;background:#ffffffed;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;margin-top:24px;box-shadow:0 -4px 18px #1b354008}.page-editor>.form-intro,.page-editor>.preview{margin:18px 0}.page-editor #form-error{margin:20px 0}.page-editor .editor-section label input,.page-editor .editor-section label select{margin-top:7px}.page-editor .editor-section .check-row input{margin:0}
@media(max-width:1100px){.editor-section{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:22px}}@media(max-width:850px){.editor-section{grid-template-columns:1fr;gap:20px}.editor-section-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.editor-fields{gap:20px}.page-editor-actions{bottom:0}}@media(max-width:540px){.editor-section{padding:19px}.editor-fields{grid-template-columns:1fr}.page-editor-actions{padding:12px;gap:8px}.page-editor-actions button{flex:1;white-space:nowrap;padding:10px}.editor-fields .choice-grid{grid-template-columns:1fr}}
/* Campaign email design & Rich WYSIWYG editor */
.rich-editor-wrapper{margin-top:7px;border:1px solid #b9c9ce;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.03)}
.rich-editor-wrapper:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #175c4c22}
.rich-editor-wrapper .ql-toolbar.ql-snow{border:0;border-bottom:1px solid #dce4e7;background:#f8fafb;padding:6px 8px;border-radius:8px 8px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.rich-editor-wrapper .ql-toolbar.ql-snow .ql-formats{margin-right:12px;display:inline-flex;align-items:center;gap:2px}
.rich-editor-wrapper .ql-toolbar.ql-snow button{min-height:28px!important;height:28px!important;width:28px!important;padding:4px!important;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}
.rich-editor-wrapper .ql-toolbar.ql-snow button:hover{background:#e8f0ed!important;border-color:#c8ded5!important}
.rich-editor-wrapper .ql-toolbar.ql-snow button.ql-active{background:#d5e8df!important;border-color:var(--green)!important}
.rich-editor-wrapper .ql-toolbar.ql-snow button svg{width:16px!important;height:16px!important;min-height:0!important;display:block}
.rich-editor-wrapper .ql-snow .ql-picker{height:28px!important;font-size:12px}
.rich-editor-wrapper .ql-snow .ql-picker-label{padding:2px 8px!important;border:1px solid #c8d5d9!important;border-radius:5px!important;background:#fff;display:inline-flex;align-items:center;height:28px!important;min-height:28px!important}
.rich-editor-wrapper .ql-snow .ql-picker.ql-header{width:110px!important}
.rich-editor-wrapper .ql-container.ql-snow{border:0;font-family:inherit;font-size:14px;min-height:220px}
.rich-editor-wrapper .ql-editor{min-height:220px;max-height:500px;overflow-y:auto;padding:14px 16px;line-height:1.65;color:var(--ink)}
.rich-editor-wrapper .ql-editor.ql-blank::before{color:#8aa0a6;font-style:normal}
.rich-editor-wrapper .ql-editor h1{font-size:20px;font-weight:700;margin:12px 0 6px}
.rich-editor-wrapper .ql-editor h2{font-size:17px;font-weight:650;margin:10px 0 5px}
.rich-editor-wrapper .ql-editor h3{font-size:15px;font-weight:600;margin:8px 0 4px}
.rich-editor-wrapper .ql-editor p{margin:0 0 8px}
.rich-editor-wrapper .ql-editor blockquote{border-left:4px solid var(--green);padding-left:12px;margin:8px 0;color:var(--muted);background:#f4f8f6;padding:8px 12px;border-radius:0 6px 6px 0}
.rich-editor-wrapper .ql-editor code{background:#eef3f5;padding:2px 5px;border-radius:4px;font-family:Consolas,monospace;font-size:13px;color:#184a3e}
.rich-editor-status{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;background:#f9fbfc;border-top:1px solid #eef2f4;font-size:11px}
.rich-editor-status .mode-toggle{padding:4px 8px;min-height:30px;font-size:11px;font-weight:600}
.editor-fields textarea{margin-top:7px}
.editor-fields input[type=color]{width:80px;height:46px;padding:5px;display:inline-block;vertical-align:middle;cursor:pointer}.colour-value{font-size:12px;margin-left:12px;color:var(--muted);font-family:Consolas,monospace}.format-toolbar{display:flex;gap:5px;flex-wrap:wrap;border:1px solid #b9c9ce;border-bottom:0;padding:6px;border-radius:7px 7px 0 0;background:#f7f9fb;margin-top:7px}.format-button{padding:6px 11px;min-height:44px;font-size:12px;background:#fff}.format-toolbar+textarea{margin-top:0!important;border-radius:0 0 7px 7px}.field-help{font-weight:400;font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0}.email-preview-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.email-preview-panel h3{font-size:16px;margin-bottom:5px}.email-preview-controls{display:flex;align-items:flex-end;gap:12px;margin-top:18px}.email-preview-controls label{flex:1;font-size:12px;font-weight:600}.email-preview-controls button{white-space:nowrap}.email-preview-frame{width:100%;height:650px;border:1px solid #dce4e7;border-radius:8px;margin-top:18px;background:#f3f6f8}.email-text-preview{border:1px solid var(--line);border-radius:7px;padding:14px;margin-top:12px;font-size:12px}.email-text-preview summary{font-weight:600;cursor:pointer}.email-text-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 'Segoe UI',sans-serif;color:var(--muted)}
/* Standalone authentication screen */
.auth-mode .sidebar,.auth-mode .shell>header,.auth-mode .page-heading,.auth-mode main>footer,.auth-mode .menu-backdrop,.auth-mode .skip{display:none!important}.auth-mode .shell{margin:0}.auth-mode main{padding:0;max-width:none;min-height:100dvh}.auth-mode{background:#f4f7f9}.auth-mode #view{min-height:100dvh}.auth-loading #view::before{content:'Loading your workspace…';display:grid;place-items:center;min-height:100dvh;font-size:13px;color:#566b70}.login-layout{min-height:100dvh;display:grid;place-items:center;padding:35px 20px;background:radial-gradient(ellipse at 50% 0,#e6f0ec 0,transparent 55%)}.login-panel{width:min(100%,440px);background:#fff;border:1px solid #dce4e7;border-radius:14px;padding:38px 38px 28px;box-shadow:0 12px 45px #1b354008}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.7px;text-decoration:none;color:#183c34;margin-bottom:36px}.login-brand .mark{font-size:32px}.login-welcome{text-align:center;margin-bottom:28px}.login-welcome h1{font-size:27px;letter-spacing:-.7px;margin:9px 0}.login-welcome>p:last-child{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.login-form>label{margin-top:20px;font-size:12px}.login-form input{font-size:15px;min-height:48px}.password-field{position:relative}.password-field input{padding-right:75px}.password-toggle{position:absolute;right:4px;bottom:2px;border:0;background:transparent;min-height:44px;padding:7px 12px;color:var(--green);font-size:12px}.login-submit{width:100%;min-height:48px;margin-top:10px}.login-error:empty{display:none}.login-error:not(:empty){color:#a82a32;background:#fff0f1;border:1px solid #f0b8bc;border-radius:7px;padding:11px;font-size:12px;margin:18px 0 10px}.login-note{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0;line-height:1.7}@media(max-width:540px){.login-layout{padding:20px 16px}.login-panel{padding:30px 24px 24px}.login-brand{margin-bottom:28px}.email-preview-controls{align-items:stretch;flex-direction:column}.email-preview-frame{height:580px}.login-form input{font-size:16px}}