/* EVADIR / Editorial Gateway — original layout, primary identity #019C4F */
:root{--ev-green:#019C4F;--ev-green-dark:#00783D;--ev-ink:#18392c;--ev-sub:#627669;--ev-paper:#f7f8f3;--ev-border:#dce7de;--ev-deep:#102d22}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.access-body{margin:0;background:var(--ev-paper);color:var(--ev-ink);font:15px/1.6 "Avenir Next",Avenir,Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.access-body button,.access-body input{font:inherit}
.access-body a:focus-visible,.access-body button:focus-visible,.access-body input:focus-visible{outline:3px solid #64dca0;outline-offset:3px}
.gate-header{height:92px;background:#fff;border-bottom:1px solid var(--ev-border)}
.gate-header-inner{height:100%;width:min(1400px,calc(100% - 88px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.gate-brand{text-decoration:none;color:var(--ev-ink);display:inline-flex;align-items:center;gap:12px}
.gate-brand-symbol{width:48px;height:48px;display:grid;place-items:center;background:var(--ev-green);color:#fff;border-radius:6px 18px 6px 18px;font-size:25px;font-weight:950;letter-spacing:-.09em;line-height:1}.gate-brand-symbol span{font-size:18px;color:#c8f5d9}
.gate-brand-type{display:flex;flex-direction:column;line-height:1.22;gap:4px}.gate-brand-type strong{font-size:19px;letter-spacing:.14em;font-weight:900}.gate-brand-type small{font-size:9px;font-weight:850;letter-spacing:.16em;color:#78887d}
.gate-header-note{display:flex;align-items:center;gap:10px;color:#5c6f62;font-size:12px;font-weight:700;margin-left:auto}.gate-status-dot,.gate-success-dot{display:inline-block;width:8px;height:8px;background:var(--ev-green);border-radius:50%;box-shadow:0 0 0 4px #019c4f1d}
.gate-header-edition{font-size:11px;letter-spacing:.12em;font-weight:900;color:#327451;border-left:1px solid #d9e7dc;padding-left:22px}.gate-header-edition span{margin-left:8px}
.gate-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(425px,.84fr);min-height:calc(100svh - 155px);max-width:1600px;margin:auto}
.gate-story{padding:clamp(45px,7vw,98px) clamp(35px,6vw,108px) 40px clamp(40px,6.8vw,117px);display:flex;flex-direction:column;position:relative;overflow:hidden}
.gate-story:before{content:'E /';position:absolute;font-size:clamp(190px,28vw,420px);font-weight:900;right:-42px;bottom:-115px;line-height:1;color:#eaf1e9;letter-spacing:-.16em;pointer-events:none;z-index:0}
.gate-story>*{position:relative;z-index:1}.gate-overline{display:flex;gap:16px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.2em;color:#468662}.gate-line{display:inline-block;width:30px;height:2px;background:var(--ev-green)}.gate-overline-no{color:#a2b0a5}
.gate-story h1{font-size:clamp(43px,4.3vw,71px);font-weight:800;letter-spacing:-.065em;line-height:1.09;margin:29px 0 24px;max-width:740px}.gate-story h1 em{font-style:normal;color:var(--ev-green);display:inline}
.gate-lead{font-size:15px;line-height:1.8;color:#718176;max-width:560px;margin:0}
.gate-diagram{width:min(100%,570px);margin-top:53px;background:#fff;border:1px solid #dbe8df;border-radius:8px;box-shadow:13px 13px 0 #e3ede4}
.gate-diagram-head{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5ece5;color:#668272;font-size:10px;letter-spacing:.17em;font-weight:900}
.gate-diagram-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gate-track-item{padding:23px 24px;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:11px;min-width:0}.gate-track-item:nth-child(odd){border-right:1px solid #e5ece5}.gate-track-item:nth-child(-n+2){border-bottom:1px solid #e5ece5}
.gate-track-num{font-weight:900;color:var(--ev-green);font-size:12px}.gate-track-item b{display:block;font-size:14px;letter-spacing:-.02em}.gate-track-item small{display:block;font-size:11px;color:#718578;margin-top:2px;line-height:1.5}.gate-track-symbol{color:#81b79b;font-size:18px;text-align:right}
.gate-story-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:auto;padding-top:50px;color:#91a094;font-size:10px;letter-spacing:.12em;font-weight:800}.gate-story-bottom b{color:var(--ev-green);padding:0 3px}
.gate-access{background:#eaf2e9;min-width:0;padding:clamp(40px,5.5vw,74px) clamp(25px,5vw,80px);display:flex;flex-direction:column;justify-content:center;position:relative}
.gate-access:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,var(--ev-green) 0px,var(--ev-green) 85px,#b6d8c2 85px,#b6d8c2 98px)}
.gate-access-heading{max-width:500px;width:100%;margin:0 auto 16px}.gate-ticket-label{font-size:10px;letter-spacing:.18em;font-weight:900;color:#4c7960;margin-bottom:13px}.gate-ticket-label span{color:#a3b6a4;padding:0 8px}
.gate-ticket{background:var(--ev-deep);color:#fff;padding:22px 27px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:end;border-radius:7px 7px 0 0;position:relative;overflow:hidden}.gate-ticket:before{content:'';position:absolute;right:-50px;top:-90px;border:1px solid #ffffff20;border-radius:50%;width:225px;height:225px;box-shadow:0 0 0 36px #ffffff08,0 0 0 72px #ffffff05}
.gate-ticket>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#b8e7ca}.gate-ticket strong{font-size:29px;letter-spacing:-.055em;grid-row:1/3;grid-column:2}.gate-ticket small{font-size:11px;color:#c2d8c8;grid-column:1/2;line-height:1.4}
.gate-card{background:#fff;border:1px solid #d8e6da;padding:clamp(26px,3.1vw,42px);max-width:500px;width:100%;margin:0 auto;box-shadow:0 16px 40px #24492b0d;border-radius:0 0 8px 8px}.gate-card-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ev-green);letter-spacing:.16em;font-weight:900}.gate-card-eyebrow>span{font-size:19px}
.gate-card h2{font-size:clamp(28px,2.8vw,38px);line-height:1.2;letter-spacing:-.055em;margin:9px 0 8px;font-weight:800}.gate-card-description{font-size:13px;line-height:1.6;color:#738578;margin:0 0 25px;max-width:360px}.gate-user-email{color:#25553a;overflow-wrap:anywhere}
.access-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;background:#f5f8f3;border:1px solid #e0e8df;padding:4px;border-radius:7px;gap:5px}.access-tabs a{padding:9px;color:#7b8d7d;text-decoration:none;text-align:center;font-weight:800;font-size:13px;border-radius:5px}.access-tabs a.current{color:#fff;background:var(--ev-green);box-shadow:0 3px 9px #019c4f20}
.access-form{display:grid;gap:16px}.access-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#3d5c47}.access-form input{width:100%;border:1px solid #d3dfd5;border-radius:6px;padding:13px 14px;background:#fbfcfa;color:#1c3f2c;font-size:14px;outline:none;transition:.2s}.access-form input::placeholder{color:#9eaca0}.access-form input:focus{border-color:var(--ev-green);box-shadow:0 0 0 4px #019c4f12;background:#fff}
.access-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;border:0;border-radius:6px;background:var(--ev-green);color:#fff;padding:15px 18px;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.access-button:hover{background:#00783D;transform:translateY(-1px)}.access-button:disabled{opacity:.65;cursor:wait;transform:none}.gate-btn-arrow{display:grid;place-items:center;width:29px;height:29px;background:#ffffff28;border-radius:4px;font-size:19px;font-weight:400}
.access-footnote{font-size:11px;line-height:1.7;color:#839386;margin:19px 0 0}.access-alert{border:1px solid #bce4c7;background:#edf9ef;color:#176a3d;padding:12px 14px;border-radius:6px;font-size:12px;margin-bottom:18px}.access-alert-error{background:#fff1f1;border-color:#efc3c8;color:#a33f44}
.gate-credit{margin:22px 0;display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #b8dec3;background:#eff9f0;border-radius:7px}.gate-credit span,.gate-credit small{display:block}.gate-credit span{font-size:10px;letter-spacing:.11em;font-weight:900;color:#2b8051}.gate-credit small{font-size:11px;color:#77887b;margin-top:3px}.gate-credit b{font-size:40px;line-height:1;color:#019C4F}
.gate-payment-note{border-top:1px solid #e2e9e1;border-bottom:1px solid #e2e9e1;margin:16px 0 12px;padding:18px 0;display:grid;gap:5px}.gate-payment-note b{font-size:15px}.gate-payment-note span{font-size:12px;color:#6b8070;line-height:1.7}
.access-button-subtle{margin-top:10px;width:100%;border:1px solid #cde1d1;border-radius:6px;background:#fff;color:#2a6545;padding:13px 15px;font-size:12px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.access-button-subtle:hover{background:#f0faf1}
.access-logout{text-align:center;margin-top:22px}.access-logout button{background:none;border:0;color:#6e8272;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.access-logout button span{padding-left:5px;text-decoration:none}
.gate-access-small{max-width:500px;width:100%;margin:19px auto 0;display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:850;letter-spacing:.09em;color:#7a9782}
.access-footer{max-width:1600px;margin:auto;border-top:1px solid var(--ev-border);min-height:63px;padding:14px clamp(20px,6vw,105px);display:flex;justify-content:space-between;align-items:center;gap:14px;color:#788a7c;font-size:11px}.access-footer span:first-child{font-weight:850;letter-spacing:.06em;color:#456953}.access-footer b{color:var(--ev-green)}
/* Session strip is also used by the private instrument (separate document). */
.evadir-accessbar{position:relative;z-index:10;background:#eaf4ea;border-bottom:1px solid #d2e4d5;padding:11px clamp(16px,3vw,45px);color:#395944;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-family:Inter,system-ui,sans-serif}.evadir-accessbar b{color:#096e40}.evadir-accessbar .accessbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.evadir-accessbar .accessbar-actions>span{color:#6e8875}.evadir-accessbar button{border:1px solid #accbb6;border-radius:5px;padding:7px 12px;cursor:pointer;font-size:11px;font-weight:800;background:#fff;color:#2d6845}.evadir-accessbar button.accessbar-finish{background:#fff8f4;border-color:#f0d1c8;color:#a24c3a}.evadir-accessbar button:hover{filter:brightness(.97)}
@media(max-width:1120px){.gate-story{padding:70px 38px 40px}.gate-access{padding:55px 26px}.gate-story h1{font-size:47px}.gate-diagram{margin-top:35px}}
@media(max-width:880px){.gate-layout{grid-template-columns:1fr}.gate-story{padding:52px 35px 42px}.gate-story h1{max-width:650px;font-size:clamp(40px,6vw,58px)}.gate-diagram{max-width:650px}.gate-story-bottom{padding-top:40px}.gate-access{padding:38px 22px 54px}.gate-card,.gate-access-heading,.gate-access-small{max-width:570px}.gate-header-inner{width:calc(100% - 46px)}}
@media(max-width:530px){.gate-header{height:78px}.gate-header-inner{width:calc(100% - 30px);gap:12px}.gate-brand-symbol{width:40px;height:40px;font-size:22px}.gate-brand-type strong{font-size:16px}.gate-brand-type small{font-size:8px}.gate-header-note{display:none}.gate-header-edition{font-size:9px;padding-left:10px}.gate-story{padding:40px 21px 32px}.gate-story h1{font-size:40px;margin-top:22px}.gate-lead{font-size:14px}.gate-diagram-track{grid-template-columns:1fr}.gate-track-item{padding:15px 20px;border:0!important;border-bottom:1px solid #e5ece5!important}.gate-track-item:last-child{border-bottom:0!important}.gate-diagram{box-shadow:7px 7px 0 #e3ede4}.gate-story-bottom{font-size:8px}.gate-access{padding:35px 15px 40px}.gate-card{padding:27px 22px}.gate-ticket{padding:20px 21px}.gate-ticket strong{font-size:25px}.gate-ticket small{font-size:10px}.gate-access-small{flex-wrap:wrap;font-size:8px}.access-footer{padding:20px;display:block}.access-footer span{display:block;margin:5px 0}.evadir-accessbar{align-items:flex-start;flex-direction:column}.evadir-accessbar .accessbar-actions{width:100%}}
@media print{.evadir-accessbar{display:none!important}}

/* Transfer manual — warna brand #019C4F */
.bank-card{margin:18px 0 14px;background:linear-gradient(145deg,#ecf9f2,#f9fdfb);border:1px solid #bae4ce;border-radius:18px;padding:20px;box-shadow:0 4px 16px rgba(1,156,79,.045)}
.bank-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#3d6b54;font-size:11px;letter-spacing:.10em;font-weight:750}
.bank-card-top strong{color:#007a3d;font-size:12px;letter-spacing:.05em}
.bank-account{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #cee8d8;padding:16px 0 19px;margin-bottom:14px}
.bank-account strong{font-size:clamp(20px,4vw,29px);font-weight:850;letter-spacing:.04em;color:#084d30;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bank-copy{background:#019c4f;color:white;border:0;border-radius:9px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.bank-copy:focus-visible,.manual-wa:focus-visible{outline:3px solid #0d6440;outline-offset:3px}
.bank-details{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;font-size:13px}
.bank-details span{font-size:11px;letter-spacing:.06em;color:#547a65}.bank-details b{font-weight:750;color:#185139;text-align:right}
.manual-order{margin:16px 0;padding:15px;border:1px dashed #56bb88;border-radius:13px;background:#f3fcf7;display:flex;flex-direction:column;gap:7px}
.manual-order>span{font-size:11px;font-weight:750;letter-spacing:.08em;color:#527864}
.manual-order>strong{font-size:17px;letter-spacing:.02em;overflow-wrap:anywhere;color:#006d37}
.manual-order>small{color:#476b58;line-height:1.6}
.manual-wa{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
@media(max-width:460px){.bank-card{padding:14px}.bank-card-top{flex-direction:column;align-items:flex-start}.bank-account{flex-wrap:wrap}.bank-copy{width:100%}}

/* Brand dikendalikan admin, tanpa ikon E/ bawaan. */
.evadir-gate-logo{width:auto;max-width:165px;height:52px;object-fit:contain;flex:none;display:block}
.gate-story::before{display:none!important;content:none!important}