:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#0f64c8;--blue-dark:#004f9f;--navy:#071f39;--ink:#102033;--muted:#66778a;--line:#dbe4ee;--page:#f5f8fc;--soft:#eaf3fc;--success:#18815f;--warn:#8a6110;--danger:#b23b2a;background:var(--page);color:var(--ink);letter-spacing:0;font-family:Open Sans,Segoe UI,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}.shell,.recipient-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.shell.narrow{max-width:560px;margin:0 auto}.app-shell{background:var(--page);min-height:100vh;padding:0 0 24px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;padding:14px 28px;display:flex;box-shadow:0 1px #071f3908}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{min-width:134px;height:46px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px 6px 10px;display:flex}.atech-wordmark{line-height:1;display:grid}.atech-wordmark strong{color:var(--blue);letter-spacing:0;font-size:18px}.atech-wordmark span{color:var(--navy);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:800}.brand-lock{background:var(--navy);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.brand-name{color:var(--navy);font-size:21px;font-weight:800;line-height:1.1}.brand-sub{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:700}.panel,.recipient-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;box-shadow:0 12px 28px #071f3914}.login-panel,.setup-panel{padding:28px}.workspace{grid-template-columns:minmax(360px,.92fr) minmax(520px,1.58fr);align-items:start;gap:18px;max-width:1420px;margin:0 auto;padding:0 22px;display:grid}.composer-panel,.queue-panel{padding:22px}.section-heading,.recipient-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}h1,h2,p{margin:0}.section-heading h1,.recipient-header h1{font-size:22px;line-height:1.2}.section-heading p,.recipient-header p{color:var(--muted);margin-top:4px;font-size:13px}.form-stack{gap:14px;margin-top:22px;display:grid}label{gap:7px;display:grid}label>span{color:#33475e;font-size:13px;font-weight:800}.field-hint{color:var(--muted);margin-top:-2px;font-size:12px;font-weight:700}input,textarea{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #cdd9e6;border-radius:8px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:130px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0f64c824}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.button:disabled{opacity:.58;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:var(--page);color:#21384f;border-color:#cbd8e6}.button.danger{color:#a93423;background:#fff4f2;border-color:#f0bbb2}.button.ghost{border-color:var(--line);color:#21384f;background:0 0}.text-button{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;justify-self:center;padding:4px 6px;font-size:13px;font-weight:800}.text-button:hover{text-decoration:underline}.retention,.storage-pill{color:#6d4b08;background:#fff8e8;border:1px solid #eed69e;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.storage-pill{background:var(--soft);color:var(--blue-dark);border-color:#c4dbf3}.upload-target{color:#324b65;cursor:pointer;background:#f8fbff;border:1px dashed #9bb1c8;border-radius:8px;place-items:center;gap:6px;min-height:118px;display:grid}.upload-target input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.file-stack,.message-list,.download-list{gap:10px;display:grid}.download-list{margin-top:4px}.file-chip{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto 28px;align-items:center;gap:8px;min-height:40px;padding:7px 8px;font-size:13px;display:grid}.file-chip span,.row-files span,.download-row span,.link-box a{overflow-wrap:anywhere}.file-chip strong,.download-row strong{color:var(--muted);font-size:12px}.file-chip button{color:#a93423;cursor:pointer;background:#fff0ed;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{width:18px;height:18px}.error{color:#9c2d1f;background:#fff4f1;border:1px solid #e7aca4;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.error.compact{padding:8px 10px}.success{color:#176c4c;background:#effaf4;border:1px solid #b9dfcc;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.empty-state{min-height:76px;color:var(--muted);text-align:center;border:1px dashed #c9d5e0;border-radius:8px;place-items:center;padding:12px;display:grid}.empty-state.compact{min-height:42px;font-size:13px}.message-row{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:15px;display:grid}.row-main{grid-template-columns:12px minmax(0,1fr);gap:11px;display:grid}.row-main h2{font-size:17px;line-height:1.25}.row-main p{color:var(--muted);align-items:center;gap:6px;margin-top:5px;font-size:13px;display:flex}.status-dot{background:#97a6b6;border-radius:999px;width:12px;height:12px;margin-top:5px}.status-dot.sent,.status-dot.opened,.status-dot.replied{background:var(--blue)}.status-dot.email_failed,.status-dot.revoked{background:var(--danger)}.status-dot.expired{background:var(--warn)}.row-meta,.row-actions,.row-files{flex-wrap:wrap;gap:8px;display:flex}.row-meta span,.row-files span{background:var(--page);color:#405167;border-radius:7px;align-items:center;gap:5px;min-height:26px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.row-files span{color:#65501d;background:#fff8e8}.link-box{background:var(--soft);color:var(--blue-dark);border:1px solid #c4dbf3;border-radius:8px;gap:5px;padding:10px;font-size:13px;display:grid}.link-box span{font-weight:900}.link-box.compact{padding:8px 10px}.setup-grid{gap:10px;margin:24px 0;display:grid}.status-line{border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:800;display:flex}.status-line.ok{color:#176c4c;background:#effaf4}.status-line.needs{color:#9c2d1f;background:#fff4f1}.setup-code{gap:8px;display:grid}.setup-code code{background:var(--navy);color:#d5eef0;border-radius:8px;padding:11px;display:block;overflow-x:auto}.recipient-shell{background:var(--page);align-items:start;padding-top:48px}.recipient-panel{border-top:5px solid var(--blue);max-width:760px;padding:28px}.recipient-panel .brand{margin-bottom:26px}.secure-note{white-space:pre-wrap;border:1px solid var(--line);background:#f8fbfd;border-radius:8px;margin-bottom:16px;padding:16px;line-height:1.55}.thread-list{gap:10px;margin-bottom:14px;display:grid}.thread-entry{border:1px solid var(--line);border-radius:8px;gap:7px;padding:11px 12px;display:grid}.thread-entry.admin{background:#f6faff;border-color:#cfe0f5;margin-right:28px}.thread-entry.recipient{background:#f4fbf7;border-color:#c9e6d6;margin-left:28px}.thread-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.thread-body{white-space:pre-wrap;color:var(--ink);overflow-wrap:anywhere;font-size:14px;line-height:1.55}.inline-reply,.recipient-reply{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.inline-reply textarea{min-height:86px}.recipient-reply{margin-top:16px}.download-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:56px;padding:0 14px;text-decoration:none;display:grid}.download-row:hover{border-color:var(--blue)}@media (width<=920px){.workspace{grid-template-columns:1fr}}@media (width<=640px){.app-shell,.shell,.recipient-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:14px;padding:14px}.workspace{padding:0 14px}.topbar-actions,.row-actions{width:100%}.button{flex:auto}.composer-panel,.queue-panel,.login-panel,.setup-panel,.recipient-panel{padding:18px}.brand-name{font-size:19px}.brand-mark{min-width:126px}.brand-sub{font-size:11px}.thread-entry.admin,.thread-entry.recipient{margin-left:0;margin-right:0}.download-row{grid-template-columns:20px minmax(0,1fr) 20px}.download-row strong{grid-column:2}}