/* Ruang.Email — Jade workspace */
body.portal-modern{--ink:#122d29;--muted:#607672;--jade:#086b55;--line:#dfe8e4;--bg:#f5f7f3;--card:#fff;--text:#17342e;--green:#087d63;color-scheme:light;background:#f5f7f3!important;color:#17342e!important;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif!important;line-height:1.65}
.portal-modern *, .portal-modern *::before,.portal-modern *::after{box-sizing:border-box}
.portal-modern .bg-aurora,.portal-modern .bg-aurora-warm{display:none}
.portal-modern ::selection{background:#c9ebdc;color:#12372e}
.portal-modern :focus-visible{outline:3px solid #68bb9e!important;outline-offset:3px;box-shadow:none!important}
.portal-modern header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(16px);box-shadow:none!important}
.portal-modern header img[src*="logo_white"]{filter:brightness(0)}
.portal-modern h1,.portal-modern h2,.portal-modern h3{color:var(--ink)!important;letter-spacing:-.035em}
.portal-modern [class~="text-white"],.portal-modern [class~="text-slate-200"],.portal-modern [class~="text-slate-300"],.portal-modern [class~="text-zinc-300"],.portal-modern [class~="text-zinc-200"]{color:#17342e!important}
.portal-modern [class~="text-slate-400"],.portal-modern [class~="text-zinc-400"],.portal-modern [class~="text-zinc-500"],.portal-modern [class~="text-slate-500"],.portal-modern [class~="text-zinc-600"]{color:#607672!important}
.portal-modern [class*="text-emerald-"],.portal-modern [class*="text-teal-"],.portal-modern .text-clay{color:#087657!important}
.portal-modern [class*="text-rose-"],.portal-modern [class*="text-red-"]{color:#b8324c!important}
.portal-modern [class*="text-amber-"],.portal-modern [class*="text-yellow-"]{color:#96621b!important}
.portal-modern [class*="text-purple-"],.portal-modern [class*="text-cyan-"]{color:#316d88!important}
.portal-modern .box-card,.portal-modern .surface,.portal-modern .stat-card,.portal-modern .card{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 8px 24px -20px #12362a!important;border-radius:20px!important;backdrop-filter:none}
.portal-modern .box-card::before{display:none}
.portal-modern [class*="bg-[#"],.portal-modern [class~="bg-slate-900"],.portal-modern [class~="bg-slate-800"],.portal-modern [class~="bg-zinc-900"],.portal-modern [class~="bg-zinc-800"]{background-color:#edf3ee!important}
.portal-modern [class*="border-slate-"],.portal-modern [class*="border-white/"],.portal-modern [class*="divide-slate-"]>*+*{border-color:var(--line)!important}
.portal-modern .field,.portal-modern input:not([type=checkbox]):not([type=radio]),.portal-modern select,.portal-modern textarea{background:#f8faf7!important;color:var(--ink)!important;border:1px solid #ceddd4!important;border-radius:11px!important;min-height:44px;box-shadow:none}
.portal-modern input::placeholder,.portal-modern textarea::placeholder{color:#82978e!important}
.portal-modern .label,.portal-modern label{color:#34564b!important}
.portal-modern .btn-primary,.portal-modern button.primary,.portal-modern [class~="bg-emerald-600"],.portal-modern [class*="from-emerald-600"],.portal-modern .bg-clay{background:#086b55!important;color:#fff!important;border-color:#086b55!important;box-shadow:0 5px 12px -8px #086b55!important;border-radius:11px}
.portal-modern .btn-primary *, .portal-modern [class~="bg-emerald-600"] *, .portal-modern [class*="from-emerald-600"] *{color:inherit!important}
.portal-modern .btn-primary:hover,.portal-modern button.primary:hover{background:#075441!important;transform:translateY(-1px)}
.portal-modern .btn-ghost{background:#fff!important;color:#34564b!important;border:1px solid #d2dfd6!important}
.portal-modern .nav-link{color:#526f62!important}
.portal-modern table{border-collapse:separate;border-spacing:0;line-height:1.6}
.portal-modern thead{background:#f1f6f0!important}
.portal-modern th{color:#5a7467!important;font-size:11px;letter-spacing:.055em;text-transform:uppercase;padding-top:16px!important;padding-bottom:16px!important}
.portal-modern td{padding-top:16px!important;padding-bottom:16px!important}
.portal-modern tbody tr:hover{background:#f4f8f3!important}
.portal-modern footer{color:#698071!important;border-color:var(--line)!important;background:transparent!important}
.portal-modern .grad-text{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important}
.portal-modern .hero-light{background:radial-gradient(ellipse at 70% 0,#e0f0d9,transparent 65%)!important}
.portal-modern .toast{background:#fff!important;color:#17342e!important;border-color:var(--line)!important}
.portal-modern .message{background:#eaf2f9;color:#295273}.portal-modern .message.success{background:#e6f4ec;color:#176144}.portal-modern .message.error{background:#fff0f1;color:#a23449}
.portal-kicker{display:inline-flex;align-items:center;gap:9px;color:#34745c;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.portal-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#328464}
.portal-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:12px 0 28px}
.portal-titlebar h1{font-size:clamp(27px,3.5vw,40px);font-weight:750;line-height:1.14;margin:0 0 10px}
.portal-titlebar p{color:var(--muted);max-width:560px;margin:0;font-size:14px}
.portal-stamp{display:flex;align-items:center;gap:8px;border:1px solid #d9e5d9;border-radius:100px;padding:9px 15px;color:#34634b;background:#edf5e8;font-size:11px;font-weight:650;white-space:nowrap}
.portal-login-intro{padding:28px 30px 28px 0;align-self:center}
.portal-login-intro h1{font-size:clamp(32px,4vw,48px);font-weight:750;line-height:1.16;margin:0 0 18px}
.portal-login-intro>p{font-size:15px;color:var(--muted);max-width:390px}
.portal-benefits{display:grid;gap:17px;margin-top:32px}.portal-benefit{display:flex;align-items:center;gap:13px;font-size:13px;color:#3f6454}
.portal-benefit>span{display:grid;place-items:center;width:32px;height:32px;background:#e5efdf;border-radius:10px;color:#3d7957;font-size:13px;font-weight:700;flex:none}
.portal-modern #loginSection{display:grid;grid-template-columns:1fr 1fr;max-width:960px!important;gap:55px;align-items:center;padding:40px 0 70px}
.portal-modern #loginSection.hidden{display:none!important}
.portal-modern #loginSection>.box-card{padding:36px!important;border-radius:24px!important}
.portal-modern #dashboardSection>.box-card:first-of-type{padding:24px!important}
.portal-modern #dashboardSection .stat-card{padding:22px!important}
.portal-modern #dashboardSection>div:has(>button[id^="tab"]){background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px}
.portal-modern #dnsPendingSection .box-card{padding:30px!important}
.portal-modern #globalAlert,.portal-modern #alertBox{border-radius:14px}
.portal-modern.portal-register main{max-width:1100px;padding-top:48px}
.portal-modern.portal-register main>.surface{padding:38px!important}
.portal-register #onboardSection{max-width:100%!important;display:grid;grid-template-columns:.85fr 1.15fr;column-gap:70px;align-items:start}
.portal-register #onboardSection>.text-center{grid-column:1;grid-row:1;text-align:left!important;padding-top:20px}
.portal-register #onboardSection h1{font-size:35px!important;line-height:1.2!important;margin-bottom:18px}
.portal-register #onboardSection>form{grid-column:2;grid-row:1;margin-top:0!important}
.portal-register #onboardSection>div:not(.text-center){grid-column:1/-1}
.portal-register #onboardSection .text-center>p{font-size:14px;max-width:360px;margin-left:0}
.portal-register .portal-benefits{margin-top:30px}
.portal-landing .hero-light>.max-w-3xl{max-width:850px;padding-top:16px}
.portal-landing .hero-light h1{font-size:clamp(40px,5.8vw,68px)!important;line-height:1.12!important;letter-spacing:-.055em!important}
.portal-inbox-preview{max-width:720px;margin:48px auto 0;background:#fff;border:1px solid #d9e4d8;border-radius:22px;padding:9px;box-shadow:0 22px 55px -35px #44634c;display:grid;grid-template-columns:155px 1fr;text-align:left;overflow:hidden}
.portal-preview-rail{background:#eaf2e4;border-radius:15px;padding:22px 16px;font-size:12px;color:#487154}.portal-preview-brand{font-weight:750;color:#254b38;font-size:14px;margin-bottom:24px}.portal-preview-folder{padding:10px 9px;border-radius:8px}.portal-preview-folder.active{background:#d2e7c3;color:#2a533d;font-weight:700}
.portal-preview-messages{padding:15px 24px}.portal-preview-title{font-size:17px;font-weight:750;margin:4px 0 16px;color:#294c3a}.portal-preview-msg{display:grid;grid-template-columns:35px 1fr 40px;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #edf1ea;font-size:12px}.portal-preview-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf2e4;color:#50804f;font-weight:750}.portal-preview-msg small{display:block;color:#7a8f7c;margin-top:3px}.portal-preview-time{font-size:10px;color:#8a9c8c}
.portal-mailbox main{max-width:1220px!important;margin:40px auto!important}
.portal-mailbox #workspace>.row{margin:30px 0 20px}
.portal-mailbox .stats{gap:18px}.portal-mailbox .stat{padding:22px;min-height:128px}.portal-mailbox .stat strong{font-size:22px;margin-top:14px;color:#274e3b;overflow-wrap:anywhere}
.portal-mailbox .mailbox-layout{display:grid;grid-template-columns:205px 1fr;gap:26px;align-items:start}
.portal-mailbox .mailbox-layout>nav{flex-direction:column;margin:0;position:sticky;top:95px;overflow:visible;background:#eaf1e5;padding:9px;border-radius:16px}
.portal-mailbox nav button{text-align:left;white-space:normal;border:0;background:transparent;color:#547560;padding:13px 15px;border-radius:10px;font-size:12px}
.portal-mailbox nav button.selected{background:#fff!important;color:#176340!important;box-shadow:0 3px 12px -9px #305c3c}
.portal-mailbox .mailbox-sections{min-width:0}
.portal-mailbox button{background:#edf3e9;color:#426448;border-color:#d6e2cf;border-radius:10px}
.portal-mailbox button.primary{color:#fff!important}.portal-mailbox button.danger{color:#b8324c!important}
.portal-mailbox .grid{gap:20px}.portal-mailbox .card{padding:27px}.portal-mailbox h2{font-size:18px}.portal-mailbox .login{padding:35px;max-width:510px}.portal-mailbox .rule{background:#f8faf6;border-color:var(--line)}
.portal-mailbox header>a{font-size:20px;font-weight:800;letter-spacing:-.05em;color:#173d2d}.portal-mailbox header .row{font-size:12px}.portal-mailbox .badge{background:#e2f0e6;color:#216047}
body.mail-modern{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
html:not(.dark) .mail-modern #appContainer{background:#eef3ed;padding:12px;gap:12px}
.mail-modern #appContainer>header{min-height:64px;border-radius:17px;border:1px solid #dce6dd}
html:not(.dark) .mail-modern #sidebar{background:#e5eee0;border:0;border-radius:18px;margin-right:12px}
.mail-modern #sidebarComposeBtn{background:#176b4b;box-shadow:none;border-radius:11px;padding:13px;font-size:12px}
.mail-modern #messageListContainer{padding:0 7px}
.mail-modern #messageDetailPane{border-radius:18px;margin-left:12px;border:1px solid #dce6dd}
html:not(.dark) .mail-modern #messageDetailPane{background:#fff}
.mail-modern #loginScreen{background:radial-gradient(ellipse at 18% 30%,#e5f0db,transparent 60%),#f5f7f2}
html.dark .mail-modern #loginScreen{background:#111e19}
.mail-modern #loginScreen>.relative{border-radius:25px;box-shadow:0 25px 65px -35px #25432e}
.mail-modern #loginScreen>.absolute{display:none}
.mail-modern #loginScreen p{line-height:1.7}.mail-modern #loginScreen input{min-height:44px;border-radius:11px}
html.dark .mail-modern #appContainer>header,html.dark .mail-modern #messageDetailPane{border-color:#293d32}
@media(min-width:768px){.mail-modern #sidebar{width:235px}.mail-modern #messageListContainer{scrollbar-gutter:stable}}
@media(max-width:767px){.portal-titlebar{flex-direction:column;align-items:flex-start;gap:14px}.portal-modern header nav{display:none}.portal-modern #loginSection{grid-template-columns:1fr;gap:20px;padding:18px 0!important}.portal-login-intro{padding:10px 0}.portal-login-intro h1{font-size:33px}.portal-benefits{grid-template-columns:1fr;gap:12px;margin-top:20px}.portal-modern #loginSection>.box-card{padding:24px!important}.portal-register #onboardSection{grid-template-columns:1fr;gap:22px}.portal-register #onboardSection>form{grid-column:1;grid-row:2}.portal-register #onboardSection h1{font-size:28px!important}.portal-modern.portal-register main>.surface{padding:24px!important}.portal-mailbox .mailbox-layout{grid-template-columns:1fr;gap:16px}.portal-mailbox .mailbox-layout>nav{position:static;flex-direction:row;overflow-x:auto}.portal-mailbox nav button{white-space:nowrap;font-size:11px;flex-shrink:0}.portal-mailbox .grid{grid-template-columns:1fr}.portal-mailbox .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-mailbox .card{padding:20px}.portal-mailbox .stat strong{font-size:17px}.portal-mailbox main{margin:24px auto!important}.portal-inbox-preview{grid-template-columns:1fr;margin-top:30px}.portal-preview-rail{display:none}.portal-preview-messages{padding:15px}.mail-modern #appContainer{padding:0!important;gap:0!important}.mail-modern #appContainer>header{border-radius:0}.mail-modern #sidebar{margin:0!important;border-radius:0!important}.mail-modern #messageDetailPane{margin:0!important;border-radius:0!important}.portal-titlebar h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.portal-modern *,.portal-modern *::before,.portal-modern *::after,.mail-modern *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.portal-modern [class*="to-slate-900"]{background:#eef5f0!important;background-image:none!important;border-color:#d3e4d8!important;box-shadow:none!important}
.portal-modern [class*="bg-emerald-950"],.portal-modern [class*="bg-emerald-900"]{background:#e2f3e8!important;border-color:#bfddc8!important}
.portal-modern [class*="bg-rose-950"],.portal-modern [class*="bg-rose-900"]{background:#fff0f1!important;border-color:#f0ccd4!important}
.portal-modern [class*="bg-amber-950"],.portal-modern [class*="bg-amber-900"]{background:#fbf1dd!important;border-color:#ebdab6!important}
.portal-modern [class*="bg-cyan-950"],.portal-modern [class*="bg-cyan-900"]{background:#e8f1f6!important;border-color:#cbdfe9!important}
.portal-modern button[class*="from-purple-600"]{background:#316d88!important;color:#fff!important}.portal-modern button[class*="from-purple-600"] *{color:inherit!important}
.portal-manage main{max-width:1280px!important}
.portal-manage #userTableBody td:last-child{min-width:225px;max-width:280px;white-space:normal!important;padding-right:18px!important}
.portal-manage #userTableBody td:last-child button{margin:3px 2px!important;display:inline-block}
.portal-modern ::-webkit-scrollbar{width:8px;height:8px}.portal-modern ::-webkit-scrollbar-track{background:#f5f7f3}.portal-modern ::-webkit-scrollbar-thumb{background:#c7d8cc;border:2px solid #f5f7f3;border-radius:20px}
.portal-modern pre{background:#edf4ee!important;color:#294f3f!important;border:1px solid var(--line);border-radius:14px;overflow-x:auto}
.portal-mailbox header{position:sticky;top:0;z-index:30}
.mail-modern #loginScreen input[type=checkbox]{min-height:0}
.portal-modern input.peer:checked+div{background-color:#176b4b!important}