:root{color-scheme:light;--ink:#17202a;--muted:#667085;--line:#d8dee8;--bg:#f5f7fb;--panel:#fff;--navy:#10243f;--teal:#0f766e;--coral:#c2410c;--gold:#a16207}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--muted);font-size:12px}.topbar nav{display:flex;gap:18px;color:#475467;font-weight:600}.session{display:flex;gap:12px;align-items:center}.session form{margin:0}main{max-width:1180px;margin:0 auto;padding:34px}.hero{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:stretch;background:linear-gradient(135deg,#10243f,#125f63 56%,#8a4b12);color:#fff;padding:44px;border-radius:8px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#93d5cc;margin:0 0 12px}.hero h1,.soon h1,.admin-head h1{font-size:44px;line-height:1.02;margin:0;letter-spacing:0}.lead{font-size:18px;line-height:1.55;max-width:680px;color:#e7eef7}.actions{display:flex;gap:12px;margin-top:28px}.button,button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:6px;font-weight:800;cursor:pointer}.button.primary{background:#0f766e;border-color:#0f766e;color:#fff}.button.ghost{background:#f8fafc}.button.full{width:100%}.status-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:20px}.status-panel h2{margin:0 0 16px}.status-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22);padding:12px 0}.online{color:#0f766e}.degraded{color:#c2410c}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.modules{margin-top:22px}.module{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;min-height:180px}.module:hover{border-color:#0f766e}.module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#e7f5f2;color:#0f766e;font-weight:900}.module h3{margin:18px 0 8px}.module p{color:var(--muted);line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metrics div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.metrics strong{font-size:30px;display:block}.metrics span{color:var(--muted)}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 150px)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.login-card h1{margin:0 0 18px}.login-card label{display:block;font-weight:700;margin:14px 0}.login-card input,.inline-form input,.inline-form select{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:6px;background:#fff}.alert{background:#fff2ed;color:#9a3412;border:1px solid #fed7aa;padding:12px;border-radius:6px}.soon{background:#fff;border:1px solid var(--line);border-radius:8px;padding:48px}.admin-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.mini-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mini-status span{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-weight:800}.admin-section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:18px;overflow:auto}.admin-section h2{margin-top:0}.inline-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;align-items:end;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-top:1px solid var(--line);padding:10px;vertical-align:middle}th{color:#475467;background:#f8fafc}td form{margin:0}@media(max-width:900px){.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:18px}.topbar nav{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:28px}.hero h1,.soon h1,.admin-head h1{font-size:32px}.grid,.metrics{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.admin-head{display:block}main{padding:18px}}

/* Custom Conectiva Mail app */
.mail-app-page{margin:0;background:#f4f7fc;color:#071735;overflow:hidden}.mail-shell{min-height:100vh}.mail-sidebar{position:fixed;left:0;top:0;bottom:0;width:288px;background:#f7faff;border-right:1px solid #dfe7f3;padding:28px 20px;display:flex;flex-direction:column;gap:24px}.mail-brand{display:flex;align-items:center;gap:16px;color:#071735}.mail-logo{width:52px;height:38px;border:4px solid #0d5bd8;border-radius:6px;display:inline-block;position:relative;background:#fff}.mail-logo:before,.mail-logo:after{content:"";position:absolute;top:5px;width:28px;height:4px;background:#0d5bd8}.mail-logo:before{left:3px;transform:rotate(35deg);transform-origin:left center}.mail-logo:after{right:3px;transform:rotate(-35deg);transform-origin:right center}.mail-brand strong,.mail-login-brand strong{display:block;font-size:28px;line-height:.9}.mail-brand small,.mail-login-brand span{display:block;font-size:21px;line-height:1.05}.compose-button{height:52px;border:0;background:#105bd8;color:#fff;border-radius:6px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 16px rgba(16,91,216,.12)}.mail-folders{display:flex;flex-direction:column;gap:4px}.mail-folders a{height:47px;display:flex;align-items:center;gap:16px;padding:0 12px;border-radius:6px;color:#263a5c;font-size:16px;font-weight:600}.mail-folders a.active{background:#e7f0ff;color:#075bd8}.mail-folders span{width:24px;text-align:center;color:#0d5bd8}.mail-folders b{margin-left:auto;background:#1263e6;color:#fff;border-radius:18px;min-width:30px;height:24px;display:grid;place-items:center}.mail-storage{margin-top:auto;border-top:1px solid #dfe7f3;padding-top:24px;color:#53627d}.mail-storage strong{display:block;color:#53627d;font-weight:500;margin-top:4px}.mail-storage i{display:block;height:7px;width:100%;border-radius:999px;background:linear-gradient(90deg,#1263e6 28%,#dfe7f3 28%);margin-top:14px}.mail-topbar{position:fixed;left:288px;right:0;top:0;height:94px;background:#fff;border-bottom:1px solid #dfe7f3;display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:2}.mail-search{width:548px;height:52px;border:1px solid #cdd7e6;border-radius:7px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#fff;color:#52627f}.mail-search span{font-size:28px}.mail-search input{border:0;outline:0;width:100%;font-size:16px;color:#314363}.mail-tools{display:flex;align-items:center;gap:22px;color:#405170;font-size:24px}.mail-tools form{margin:0}.mail-tools button{width:40px;height:40px;border:0;border-radius:50%;background:#1263e6;color:#fff;padding:0}.mail-workspace{position:fixed;left:288px;right:0;top:94px;bottom:0;display:grid;grid-template-columns:778px minmax(420px,1fr);background:#fff}.mail-list-panel{border-right:1px solid #dfe7f3;overflow:hidden;background:#fff}.mail-list-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #edf1f7}.mail-list-head h1{margin:0;font-size:26px}.mail-list-head span{color:#075bd8;font-size:14px}.mail-list-head a{font-weight:700;color:#314363}.mail-tabs{height:62px;display:flex;align-items:end;gap:30px;padding:0 20px;border-bottom:1px solid #dfe7f3}.mail-tabs b,.mail-tabs span{padding:12px 22px;border-radius:8px 8px 0 0;color:#253958}.mail-tabs b{background:#eaf2ff;color:#075bd8;border-bottom:3px solid #1263e6}.message-list{height:calc(100vh - 232px);overflow:auto}.message-row{height:74px;display:grid;grid-template-columns:20px 42px 1fr 64px 26px;gap:14px;align-items:center;padding:0 20px;border-bottom:1px solid #e9eef6;color:#071735}.message-row:hover,.message-row.selected{background:#eaf8ff}.dot{width:10px;height:10px;background:#1263e6;border-radius:50%}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b74ff,#8a62db);color:#fff;font-weight:800;font-size:13px;overflow:hidden}.avatar.large{width:48px;height:48px}.meta{min-width:0}.meta strong,.meta em,.meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta strong{font-size:15px}.meta em{font-style:normal;font-weight:800;margin-top:3px}.meta small{color:#53627d;margin-top:3px}.message-row time{color:#315072;font-size:14px}.star{color:#9aabc5;font-size:24px}.mail-reader-panel{background:#fff;overflow:auto}.mail-reader-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#657491}.mail-reader-empty h2{font-size:24px;color:#071735;margin:20px 0 8px}.envelope-art{width:138px;height:94px;border-radius:8px;background:linear-gradient(135deg,#e8f1ff,#fff);display:grid;place-items:center;font-size:38px;color:#fff;box-shadow:0 24px 60px rgba(16,91,216,.12);position:relative}.envelope-art:after{content:"";position:absolute;right:-24px;top:-22px;width:44px;height:44px;border-radius:50%;background:#2678ec}.mail-reader{padding:26px 34px}.reader-actions{height:42px;display:flex;gap:16px;align-items:center;color:#405170}.reader-actions button{height:34px;border-radius:6px;background:#eef4ff}.mail-reader h2{font-size:24px}.reader-from{display:flex;gap:14px;align-items:center;margin:18px 0}.reader-from small{display:block;color:#66728a;margin-top:4px}.mail-reader pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;line-height:1.55;background:#fbfdff;border:1px solid #e5ebf4;border-radius:8px;padding:20px;color:#152542}.mail-empty-list{padding:36px;color:#66728a}.compose-modal{display:none;position:fixed;inset:0;background:rgba(7,23,53,.22);z-index:10}.compose-open .compose-modal{display:block}.compose-card{position:absolute;right:36px;bottom:28px;width:540px;background:#fff;border-radius:8px;box-shadow:0 24px 80px rgba(7,23,53,.24);overflow:hidden}.compose-head{height:48px;background:#071735;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.compose-head button{background:transparent;color:#fff;border:0;font-size:28px;padding:0}.compose-card input,.compose-card textarea{width:100%;border:0;border-bottom:1px solid #e3e9f3;padding:13px 16px;font-size:15px;outline:0}.compose-card textarea{height:210px;resize:vertical}.compose-actions{padding:14px 16px}.mail-login-page{min-height:100vh;background:linear-gradient(135deg,#eef5ff,#fff);display:grid;place-items:center}.mail-login-shell{width:min(980px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center}.mail-login-brand{display:flex;align-items:center;gap:18px;color:#071735}.mail-login-card{background:#fff;border:1px solid #dfe7f3;border-radius:8px;padding:32px;box-shadow:0 24px 80px rgba(7,23,53,.08)}.mail-login-card h1{margin:0 0 18px}.mail-login-card label{display:block;font-weight:800;margin:14px 0}.mail-login-card input{width:100%;height:44px;border:1px solid #cdd7e6;border-radius:6px;padding:0 12px;margin-top:7px}.mail-back{display:block;text-align:center;margin-top:16px;color:#53627d;font-weight:700}@media(max-width:1180px){.mail-sidebar{width:250px}.mail-topbar{left:250px}.mail-workspace{left:250px;grid-template-columns:560px 1fr}.mail-search{width:420px}}@media(max-width:820px){.mail-sidebar{display:none}.mail-topbar{left:0}.mail-workspace{left:0;grid-template-columns:1fr}.mail-reader-panel{display:none}.mail-login-shell{grid-template-columns:1fr}.mail-login-brand{justify-content:center}.compose-card{left:12px;right:12px;width:auto}}
/* Mail polish v3 */
.compose-ico{width:18px;height:18px;border:2px solid currentColor;border-radius:3px;position:relative;display:inline-block}.compose-ico:after{content:"";position:absolute;width:12px;height:3px;background:currentColor;right:-7px;top:-3px;transform:rotate(-38deg);border-radius:2px}.mail-folders a span:empty{width:22px;height:18px;border:2px solid #0d5bd8;border-radius:4px;display:inline-block;position:relative}.mail-folders a span:empty:after{content:"";position:absolute;left:3px;right:3px;top:5px;height:2px;background:#0d5bd8}.mail-tools a{font-size:14px;border:1px solid #d8e2f0;border-radius:6px;padding:8px 10px;color:#314363;background:#fff}.reader-actions a,.reader-actions span{font-weight:800;color:#314363}.mail-app-page .alert{position:fixed;right:24px;bottom:24px;z-index:20}.mail-search span{font-size:0;width:18px;height:18px;border:2px solid #52627f;border-radius:50%;position:relative;display:inline-block}.mail-search span:after{content:"";position:absolute;width:8px;height:2px;background:#52627f;right:-6px;bottom:-3px;transform:rotate(45deg)}
/* Mail icon cleanup v4 */
.folder-ico,.star-ico,.send-ico,.draft-ico,.spam-ico,.trash-ico{width:22px;height:18px;display:inline-block;position:relative;flex:0 0 22px;color:#0d5bd8}.folder-ico{border:2px solid currentColor;border-radius:4px}.folder-ico:before{content:"";position:absolute;left:2px;top:-6px;width:10px;height:6px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}.star-ico:before{content:"";position:absolute;inset:2px;border:2px solid currentColor;border-radius:50%}.send-ico{border-left:18px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent;width:0}.draft-ico{border:2px solid currentColor;border-radius:3px}.draft-ico:after{content:"";position:absolute;width:13px;height:2px;background:currentColor;left:3px;top:7px;transform:rotate(-35deg)}.spam-ico{border:2px solid currentColor;border-radius:50%}.spam-ico:after{content:"";position:absolute;left:8px;top:3px;width:2px;height:9px;background:currentColor}.trash-ico{border:2px solid currentColor;border-top:0;border-radius:0 0 3px 3px}.trash-ico:before{content:"";position:absolute;left:-2px;right:-2px;top:-5px;height:2px;background:currentColor}.star{color:#ffb81c;font-size:18px}.envelope-art{font-size:0}.envelope-art:before{content:"";width:82px;height:54px;background:linear-gradient(135deg,#bcd7ff,#fff);border-radius:6px;display:block}.envelope-art:after{content:"";position:absolute;right:-24px;top:-22px;width:44px;height:44px;border-radius:50%;background:#2678ec}.envelope-art{position:relative}
