:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e8edf8;background:#090f1d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 4%,#222052 0,transparent 32%),radial-gradient(ellipse at 0 50%,#101c3e 0,transparent 45%),#090f1d}a{color:inherit;text-decoration:none}.top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;padding:0 max(28px,calc((100vw - 1160px)/2));gap:20px}.brand{font-size:22px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brandicon{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;background:linear-gradient(135deg,#8c5cff,#4f62ff);border-radius:10px;margin-right:7px}.accent{color:#a994ff}.top nav{display:flex;gap:25px;font-size:14px;color:#a8b2d1}.top nav a:hover{color:white}.container{max-width:1160px;padding:56px 28px 80px;margin:auto}.hero{display:grid;grid-template-columns:1.25fr .95fr;gap:70px;align-items:center;margin:16px 0 65px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:800;color:#a994ff;margin:0 0 13px}h1{font-size:clamp(32px,5vw,62px);line-height:1.12;letter-spacing:-2px;margin:0 0 22px}h2{font-size:25px;letter-spacing:-.8px;margin:0 0 12px}.intro{font-size:17px;color:#abb7d1;line-height:1.8;max-width:560px}.intro strong{color:white}.herochips{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.herochips span{border:1px solid #ffffff1a;border-radius:100px;padding:9px 12px;color:#b9c4de;font-size:12px}.visual{border:1px solid #ffffff22;border-radius:18px;background:#151f35;box-shadow:0 35px 100px #0008;overflow:hidden;transform:rotate(1deg)}.mailbar{height:52px;background:#202b45;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;color:#8ea0c7;letter-spacing:2px}.visualrow{display:flex;gap:16px;align-items:center;border-top:1px solid #ffffff10;padding:21px}.visualrow>span{display:grid;place-items:center;flex-shrink:0;background:#334066;border-radius:12px;width:40px;height:40px;color:#b4b5ff}.visualrow strong{font-size:14px}.visualrow p{margin:7px 0 0;font-size:13px;color:#8494b6}.forms{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.panel{border:1px solid #ffffff20;border-radius:18px;background:#121b2fdd;padding:32px;box-shadow:0 20px 80px #0003}.panel.narrow{max-width:560px;margin:30px auto}.muted{color:#9eacc9;line-height:1.65;font-size:14px;margin:0 0 23px}label{display:block;font-size:13px;color:#cbd6ec;font-weight:600;margin:19px 0 8px}input{display:block;width:100%;margin-top:9px;background:#0c1425;border:1px solid #34415c;color:#fff;border-radius:10px;padding:14px 15px;font:inherit;font-size:14px;outline:none;min-width:0}input:focus{border-color:#997aff;box-shadow:0 0 0 3px #8a65ff26}input::placeholder{color:#627392}.inputgroup{display:flex;align-items:center;margin-top:9px;background:#0c1425;border:1px solid #34415c;border-radius:10px;overflow:hidden}.inputgroup input{margin:0;border:0;box-shadow:none!important;flex:1}.inputgroup span{padding:0 13px;color:#8998ba;font-size:12px;white-space:nowrap}.btn,button{cursor:pointer;border:0;background:linear-gradient(120deg,#875cff,#516bff);border-radius:10px;padding:14px 20px;font-weight:700;font-size:14px;color:white;font-family:inherit;display:inline-block;text-align:center}.btn:hover,button:hover{filter:brightness(1.15)}form .btn,form>.outline.wide{width:100%;margin-top:14px}.outline{background:transparent;border:1px solid #53617d}.note{background:#18243b;border-radius:10px;padding:16px;color:#90a2c6;font-size:12px;line-height:1.7;margin-top:26px}.alert{border-radius:10px;padding:15px 20px;margin-bottom:28px;font-size:14px}.alert.good{background:#15392d;border:1px solid #2f7357;color:#b2f0d4}.alert.bad{background:#42202a;border:1px solid #8b3e53;color:#ffc0c8}footer{text-align:center;padding:26px;color:#657693;font-size:12px;border-top:1px solid #ffffff12}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.heading h1{font-size:36px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.stat{background:#172239;border:1px solid #ffffff1a;border-radius:14px;padding:22px}.stat span{display:block;color:#9dadcc;font-size:13px}.stat strong{display:block;margin-top:10px;font-size:32px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:14px 10px;border-bottom:1px solid #ffffff1b}th{color:#97a9cc;font-weight:600}.pill{font-size:11px;text-transform:uppercase;display:inline-block;padding:5px 10px;border-radius:99px;background:#35415d;color:#d5def3}.pill.active{background:#1c5441;color:#b1f5ce}.pill.pending{background:#58421d;color:#ffe2a1}.pill.error,.pill.rejected{background:#582c36;color:#ffc6d0}.error{display:block;color:#f6a6b1;margin-top:5px;max-width:270px;line-height:1.5}.actions{display:flex;gap:7px}.actions form{display:inline}.small{font-size:12px;padding:9px 11px}.danger{background:#703143}.emailbox{padding:16px;background:#202b46;color:#c2b1ff;border-radius:10px;font-weight:800;font-size:20px;overflow-wrap:anywhere}.signout{margin-top:22px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:26px}.forms{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.container{padding:32px 18px 60px}.top{padding:0 18px}.top nav{gap:12px;font-size:12px}.panel{padding:23px}h1{letter-spacing:-1px}.visual{transform:none}}@media(max-width:400px){.brand{font-size:17px}.top nav{gap:8px}.stats{gap:9px}.stat{padding:14px}}

/* receive-only inbox */
.inboxgrid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.4fr);gap:20px;margin-top:22px}.mailitem{display:flex;flex-direction:column;gap:4px;padding:13px 10px;border-bottom:1px solid #34405a;text-decoration:none;color:inherit}.mailitem:hover{background:#26334b}.mailitem span,.mailitem small{color:#a9b8d6}.messagebody{font-family:inherit;font-size:14px;white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto;line-height:1.65}@media(max-width:750px){.inboxgrid{grid-template-columns:1fr}}

/* Tenova inbox reader v2 — wide, readable, isolated HTML messages */
.inboxgrid{grid-template-columns:minmax(270px,0.85fr) minmax(0,1.65fr);align-items:start;gap:18px}
.inboxgrid>.panel{min-width:0}
.inboxgrid>.panel:nth-child(2){padding:26px}
.inboxgrid>.panel:nth-child(2)>h2{font-size:22px;overflow-wrap:anywhere;line-height:1.35}
.inboxgrid .mailitem{border-radius:11px;padding:14px;margin:3px 0}
.inboxgrid .mailitem strong{line-height:1.4}
.inboxgrid .mailitem:hover,.inboxgrid .mailitem:focus{background:#24334f;outline:1px solid #6871db}
.email-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.mail-label{display:inline-flex;border:1px solid #bac3d5;border-radius:30px;color:#4a5871;padding:5px 12px;font-size:12px;font-weight:600;background:#f5f7ff}
.mail-viewer{background:#fff;color:#20283d;padding:16px;border-radius:14px;overflow:hidden;min-height:150px}
.mail-privacy{font-size:12px;color:#65728a;margin:12px 6px 0;line-height:1.5}
.email-frame{display:block;width:100%;height:640px;border:1px solid #e2e5ee;border-radius:10px;background:#fff}
.mail-plain{background:#fff;color:#20283d;font:15px/1.75 Arial,Helvetica,sans-serif;white-space:normal;overflow-wrap:anywhere;padding:20px;min-height:140px}
.mail-empty{color:#667289}
@media(max-width:850px){.inboxgrid{grid-template-columns:1fr}.inboxgrid>.panel:nth-child(2){padding:18px}.email-frame{height:540px}.mail-viewer{padding:8px}}

/* Outlook-inspired full-height receive-only workspace */
.outlook-app{display:grid;grid-template-columns:64px 230px minmax(270px,360px) minmax(0,1fr);width:100%;max-width:1760px;margin:20px auto 65px;min-height:calc(100vh - 170px);height:min(920px,calc(100vh - 115px));background:#0e1729;border:1px solid #2b3853;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #030816a0}
.outlook-rail{background:#101a2f;border-right:1px solid #2a3550;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:20px}
.rail-logo{width:38px;height:38px;background:#6457eb;border-radius:12px;display:grid;place-items:center;font-size:21px}.rail-icon{color:#92a4c5;font-size:22px;width:44px;height:44px;display:grid;place-items:center}.rail-icon.current{background:#293866;color:#fff;border-radius:12px}
.outlook-sidebar{background:#111d33;padding:28px 16px;border-right:1px solid #2b3853;display:flex;flex-direction:column}.folder-title{font-weight:850;font-size:22px;letter-spacing:-1px}.folder-title span{color:#9b8cff}.folder-account{margin:13px 0 31px;color:#a8b9d6;font-size:12px;overflow-wrap:anywhere}.folder-selected{background:#293c6a;border-radius:11px;color:#fff;padding:15px;font-weight:750;display:flex;justify-content:space-between}.folder-selected span{color:#a9b9f4}.folder-hint{font-size:12px;color:#8599b7;line-height:1.8;margin:25px 5px}.folder-signout{margin-top:auto}.folder-signout button{width:100%}
.outlook-list{border-right:1px solid #2b3853;min-width:0;display:flex;flex-direction:column;background:#121d31}.list-header{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 8px;gap:12px}.list-header h1{font-size:29px;letter-spacing:-1px;margin:0}.list-header .eyebrow{margin:0 0 6px}.refresh-button{font-size:12px;border:1px solid #455779;padding:9px 12px;border-radius:9px;white-space:nowrap}.list-sub{font-size:12px;color:#91a7c6;padding:12px 22px 18px;border-bottom:1px solid #2b3853}.message-list{overflow-y:auto;min-height:0;flex:1}.message-row{display:flex;gap:11px;padding:17px 16px;border-bottom:1px solid #24324a;color:#edf2fc}.message-row.selected,.message-row:hover{background:#253552;box-shadow:inset 3px 0 #8f80ff}.message-avatar{display:grid;place-items:center;flex:none;background:#283f67;color:#b6c8ff;width:34px;height:34px;border-radius:50%;font-size:16px}.message-line{display:flex;flex-direction:column;min-width:0;gap:5px}.message-line strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.message-line span{font-size:13px;color:#c1cde1;line-height:1.4;overflow-wrap:anywhere}.message-line small{font-size:11px;color:#8196b7}
.outlook-reader{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f3f5fa;color:#1a2942}.reader-toolbar{height:55px;padding:0 24px;border-bottom:1px solid #dfe4ed;display:flex;justify-content:space-between;align-items:center;flex:none;font-weight:700;font-size:13px;color:#475572}.reader-toolbar span:last-child{font-size:11px;padding:7px 10px;background:#e0e9f8;border-radius:20px}.reader-head{background:white;padding:23px 30px 18px;border-bottom:1px solid #e5e8ef;flex:none}.reader-head h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin-bottom:20px;overflow-wrap:anywhere}.sender-line{display:flex;align-items:center;gap:12px;min-width:0}.sender-avatar{background:#e5eaf9;color:#395b9c;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;flex:none}.sender-line>div:last-child{min-width:0}.sender-line strong{font-size:13px;overflow-wrap:anywhere;display:block}.sender-line small{font-size:12px;color:#6c7c96;display:block;margin-top:4px}.reader-date{font-size:12px;color:#7788a0;margin-top:13px}.image-toolbar{padding:11px 20px;background:#fff7e1;border-bottom:1px solid #e6d7af;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#66511d;font-size:12px;flex:none}.image-toolbar a{color:#204fc7;font-weight:700;text-decoration:underline}.reader-paper{background:white;flex:1;min-height:0;padding:8px 12px;overflow:auto}.outlook-reader .email-frame{width:100%;height:100%;min-height:400px;display:block;border:0;background:#fff;border-radius:0}.outlook-reader .mail-plain{font-size:15px;line-height:1.8;padding:26px}.reader-placeholder{margin:auto;text-align:center;color:#77869d;padding:30px}.reader-placeholder div{font-size:57px;color:#9facd1}.reader-placeholder h2{font-size:22px;margin:15px 0 8px;color:#394b6a}.reader-placeholder p{font-size:14px}.inbox-return{padding:0 28px 10px}
@media(max-width:1150px){.outlook-app{grid-template-columns:56px minmax(235px,320px) minmax(0,1fr)}.outlook-sidebar{display:none}}
@media(max-width:700px){.outlook-app{display:flex;flex-direction:column;height:auto;min-height:600px;border-radius:12px;margin:10px auto 30px}.outlook-rail{display:none}.outlook-list{min-height:250px;max-height:300px;border-right:0;border-bottom:1px solid #2b3853}.outlook-reader{min-height:630px}.reader-head{padding:20px 16px}.reader-paper{height:540px;min-height:540px}.outlook-reader .email-frame{min-height:520px}.reader-toolbar{padding:0 17px}}

/* Tenova Mail v4 — clean account and support screens */
.top nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.top nav a{font-weight:650;color:#c6d5f5;text-decoration:none}
.top nav a:hover{color:#b7a2ff}
.folder-links{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.folder-links a{color:#d5def4;text-decoration:none;padding:12px 10px;border-radius:10px;font-size:13px}
.folder-links a:hover{background:#263a5f}
.account-panel{max-width:1070px;margin:25px auto 45px}
.account-panel h1{font-size:36px;margin-bottom:10px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.settings-grid>div{border:1px solid #364765;border-radius:16px;background:#15223b;padding:23px;min-width:0}
.settings-grid h2{font-size:20px;margin-bottom:15px}
.account-panel textarea{display:block;box-sizing:border-box;width:100%;min-height:145px;margin-top:9px;background:#0c1425;color:#fff;border:1px solid #34415c;border-radius:10px;padding:14px;font:inherit;resize:vertical}
.ticket{border-top:1px solid #3a4a66;padding:17px 0;overflow-wrap:anywhere}
.ticket p{white-space:normal;line-height:1.65;color:#cbd8ef;margin:10px 0}
.ticket small{display:block;color:#90a2c3;margin-bottom:10px}
.reader-paper,.outlook-reader{min-width:0}
.outlook-reader .email-frame{min-height:470px}
@media(max-width:750px){.settings-grid{grid-template-columns:1fr}.account-panel{margin:12px auto}.account-panel h1{font-size:27px}}
/* Tenova Rebuild 2026 — cohesive responsive, bilingual interface */
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif}
.top{max-width:none;padding:0 clamp(16px,4vw,70px);min-height:76px;height:auto;flex-wrap:wrap;background:#10172bdb;position:relative;z-index:3}
.top nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,24px);flex-wrap:wrap;padding:12px 0}
.lang-choose{display:flex;align-items:center;gap:5px;border:1px solid #34415f;border-radius:100px;padding:4px 6px;color:#91a3c8;font-size:12px}
.lang-choose span{padding:0 7px}.lang-choose a{padding:7px 10px;border-radius:100px}.lang-choose a.selected{background:#6854df;color:white}
.workspace{display:grid;grid-template-columns:235px minmax(290px,345px) minmax(0,1fr);max-width:1800px;margin:24px auto 50px;min-height:650px;height:calc(100vh - 160px);background:#111b30;border:1px solid #35415b;border-radius:20px;overflow:hidden;box-shadow:0 32px 100px #0005}
.folders{background:#101b30;border-right:1px solid #33405a;padding:27px 15px;display:flex;flex-direction:column;min-width:0}
.workspace-brand{font-size:21px;font-weight:850;letter-spacing:-.8px}.workspace-brand span{color:#a996ff}
.account-address{font-size:12px;color:#90a6c8;overflow-wrap:anywhere;margin:12px 2px 30px}
.folder{padding:15px 14px;border-radius:11px;margin-bottom:8px;font-size:14px;color:#cfdbf5;display:flex;align-items:center;justify-content:space-between}
.folder:hover,.folder.active{background:#2a3a68;color:#fff}.folder-bottom{margin-top:auto;color:#90a2c1;font-size:12px}.folder-bottom p{margin-bottom:18px}
.wide{width:100%}.letters{background:#131e34;border-right:1px solid #33415d;min-width:0;display:flex;flex-direction:column}
.letters-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:26px 18px 4px}.letters-header h1{font-size:30px;letter-spacing:-1px;margin:0}.letters-header .outline{padding:10px 13px;font-size:12px}
.letters-sub{margin:0;padding:12px 18px 20px;font-size:12px;color:#94a5c3}.letter-list{overflow-y:auto;min-height:0;flex:1}
.letter{display:flex;gap:12px;border-top:1px solid #2c3952;padding:18px 14px}.letter:hover,.letter.selected{background:#263957;box-shadow:inset 4px 0 #9a86ff}
.letter-icon{background:#354770;border-radius:50%;display:grid;place-items:center;width:38px;height:38px;flex:none;color:#bdd1ff}
.letter-copy{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.letter-copy b{font-size:13px}.letter-copy span{color:#bdcae1;font-size:13px}.letter-copy small{color:#8ea0bf;font-size:11px}
.empty-list{padding:25px;color:#9bafcd;font-size:14px}
.reading{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f5f7fb;color:#17243b}
.reading-top{display:flex;justify-content:space-between;align-items:center;padding:15px 26px;background:#fff;border-bottom:1px solid #e0e7f1;color:#596981;font-size:13px}
.reading-top span:last-child{background:#e9ecfa;border-radius:30px;padding:7px 10px}
.reading-meta{background:white;padding:22px 28px;border-bottom:1px solid #e5e9f3;font-size:13px;overflow-wrap:anywhere}
.reading-meta h2{font-size:24px;letter-spacing:-.4px;line-height:1.35;margin:0 0 18px}.reading-meta strong{color:#44536a}.reading-meta p{color:#7889a2;font-size:12px;margin:14px 0 0}
.image-warning{background:#fff8e8;padding:12px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#705522;font-size:12px}
.image-warning a{color:#1e52b8;font-weight:700;text-decoration:underline}
.reading-paper{flex:1;min-height:0;overflow:auto;background:#fff;padding:0 8px}.reading-paper .email-frame{width:100%;height:100%;min-height:440px;border:0;border-radius:0;display:block}.reading-paper .mail-plain{color:#203048;background:white;padding:27px;font-size:15px;line-height:1.75}
.reading-placeholder{margin:auto;text-align:center;padding:25px;color:#66758f}.reading-placeholder div{font-size:56px}.reading-placeholder h2{font-size:22px;margin:13px 0}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.page-title h1{font-size:36px;letter-spacing:-.8px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .panel{min-width:0}
.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;margin-bottom:22px}
.credentials{margin-bottom:20px;border-color:#8076f0}.credentials code{background:#25365a;padding:7px 10px;border-radius:7px;overflow-wrap:anywhere;user-select:all}
input,textarea{max-width:100%}textarea{width:100%;background:#0c1425;color:white;border:1px solid #34415c;border-radius:10px;padding:13px;resize:vertical;min-height:150px;font:inherit}
.inlineform{display:inline}.forgot{text-align:right;margin:18px 0}.forgot a{color:#b8a4ff}.ticket{border-bottom:1px solid #33425e;padding:16px 0;overflow-wrap:anywhere}
.ticket small{display:block;color:#92a6ca;margin-top:8px}.ticket p{white-space:pre-wrap;color:#bfcce2;line-height:1.6}
@media(max-width:1050px){.workspace{grid-template-columns:200px 285px minmax(0,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:800px){.workspace{display:flex;flex-direction:column;height:auto;min-height:650px;border-radius:14px;margin:10px 12px 32px}.folders{border-right:0;border-bottom:1px solid #34415f;padding:15px;display:block}.workspace-brand{display:inline-block}.account-address{display:inline-block;margin:0 12px}.folder{display:inline-flex;margin:8px 6px 0 0;padding:10px}.folder-bottom{display:flex;align-items:center;justify-content:space-between}.folder-bottom p{margin:0}.folder-bottom form{max-width:150px}.letters{min-height:240px;max-height:350px;border-right:0;border-bottom:1px solid #34415f}.reading{min-height:630px}.reading-paper{min-height:490px;height:490px;flex:none}.reading-paper .email-frame{height:490px}.settings-grid{grid-template-columns:1fr}.top{padding:12px 20px}.top nav{gap:10px}}
@media(max-width:520px){.top{gap:7px}.top nav{font-size:12px}.lang-choose span{display:none}.reading-meta{padding:19px 15px}.reading-meta h2{font-size:20px}.reading-top{padding:10px 15px}.container{padding:28px 15px 50px}.panel{padding:20px}.hero{gap:24px}}

/* v5 admin reset + reader support */
.tablewrap table td:last-child{min-width:150px}.tablewrap .inlineform{display:inline-block;margin:3px 5px 3px 0}.tablewrap .inlineform button{white-space:nowrap}.credentials{border:1px solid #8175ee;padding:22px}.credentials code{word-break:break-all}.extra-image-note{display:block;opacity:.78;margin-top:4px;font-size:11px;line-height:1.5}.reading-paper img{max-width:100%}

/* Mail domain dropdown in signup / admin generator */
.forms select,.admin-grid select{display:block;width:100%;margin-top:9px;background:#0c1425;border:1px solid #34415c;color:#fff;border-radius:10px;padding:14px 15px;font:inherit;font-size:14px;min-width:0}
.forms select:focus,.admin-grid select:focus{outline:2px solid #997aff;outline-offset:2px}