
/* 4F.K2: activation screen uses the existing panel shell and activation POST flow. */
body.fouryu-panel-dark-mode:not(.fouryu-account-mode){background:#0d100e}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-main{margin-left:228px;padding-top:86px}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar{inset:86px auto 0 0;width:228px;box-sizing:border-box;padding:0 15px;background:linear-gradient(180deg,#151714,#0f110f)}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-topbar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:initial;height:86px;padding:0 31px;border-bottom:1px solid rgba(227,208,181,.19);background:linear-gradient(90deg,#171916 0%,#161814 38%,rgba(18,20,17,.7) 58%,#1b1b18 100%);box-shadow:0 7px 25px rgba(0,0,0,.22)}
body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-topbar{top:32px}
body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar{top:118px}
body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-main{padding-top:118px}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-return-home,body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-logout,body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .demo-chip{display:none}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand{position:relative;z-index:2;display:flex;align-items:center;gap:21px}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand strong{color:#fffdf8;font:800 2.75rem/1 var(--sans);letter-spacing:-.15em}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand strong span{color:#ecc382}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand small{color:#f7eee3;font:.56rem/1.62 var(--sans);font-weight:800;letter-spacing:.25em}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-mountains{position:absolute;right:172px;bottom:0;display:block;width:52%;height:85px;background:linear-gradient(90deg,rgba(23,25,21,.98) 0%,rgba(23,25,21,.2) 35%,rgba(23,25,21,.12) 100%),linear-gradient(145deg,#151d20 10%,#34444a 39%,#d18150 100%);opacity:.84}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-mountains:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(23,25,21,.22));content:''}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-mountains span{position:absolute;right:38%;top:11px;z-index:1;color:#efbd73;font:italic 1.34rem/1.04 Georgia,serif;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.6);transform:rotate(-8deg);white-space:nowrap}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user{z-index:2;display:flex;align-items:center;gap:12px;margin-left:auto;padding:8px 11px 8px 7px;border:1px solid rgba(225,173,103,.38);border-radius:25px;background:rgba(18,20,18,.74);box-shadow:0 5px 16px rgba(0,0,0,.2)}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user button{display:grid;place-items:center;width:25px;height:25px;border:0;background:transparent;color:#f4eee5;cursor:pointer}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e5bc7e,#a86f39);color:#2a1c10;font-size:.8rem}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user b{font-size:.74rem}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user i{font-size:1rem;font-style:normal}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-brand{display:none}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-caption{margin:28px 14px 23px;color:#b7aea1;font-size:.6rem;letter-spacing:.18em}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-nav{padding:0}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-nav button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 15px;color:#f4eee4;font-size:.79rem}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-nav button.is-active{border:1px solid rgba(224,164,90,.35);border-radius:6px;background:linear-gradient(110deg,#5f452f,#2d2923);color:#fff8f0}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-nav-icon{display:grid;place-items:center;width:20px;height:20px;color:#efba71}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-promo{display:block;position:relative;overflow:hidden;min-height:184px;margin:0 2px 19px;padding:18px;border:1px solid rgba(234,189,126,.23);border-radius:7px;background:linear-gradient(140deg,rgba(14,19,20,.38),rgba(102,59,30,.64)),linear-gradient(145deg,#111d20,#7c472c 52%,#e29d61)}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-promo p{position:relative;margin:0 0 68px;color:#f8f1e8;font:700 .93rem/1.15 var(--sans)}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-promo p strong{color:#f0b96e}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-promo a{position:relative;display:flex;justify-content:space-between;border:1px solid #e2ae67;border-radius:5px;padding:11px 12px;color:#f6c77e;text-decoration:none;font:700 .63rem var(--sans)}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-bottom{padding:15px 12px 3px}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-utility{display:grid;gap:5px;margin:14px 12px 2px}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-utility button,body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-utility a{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:7px 0;color:#c8c0b5;font:600 .7rem var(--sans);text-align:left}
body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar-utility svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}

.activation-dashboard{max-width:none!important;min-height:calc(100vh - 86px);padding:32px 31px 0!important;background:radial-gradient(ellipse at 70% 0,rgba(117,79,42,.15),transparent 37%),linear-gradient(115deg,#101310,#151510 58%,#10120f);color:#f7f3ec}
.activation-page-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 30px}
.activation-page-header h1{margin:0 0 8px;color:#fffdf8;font:700 1.78rem/1 var(--sans);letter-spacing:-.045em}
.activation-page-header p{margin:0;color:#c8c1b7;font-size:.84rem}.activation-page-header nav{display:flex;gap:13px;color:#aaa298;font-size:.75rem}.activation-page-header nav b{color:#d8a363}
.activation-layout{display:grid;grid-template-columns:minmax(390px,.84fr) minmax(510px,1.16fr);gap:17px;max-width:1200px;margin:auto}
.activation-card{box-sizing:border-box;min-height:565px;border:1px solid rgba(221,207,184,.18);border-radius:11px;background:linear-gradient(135deg,rgba(23,27,27,.98),rgba(12,16,18,.99));box-shadow:0 16px 33px rgba(0,0,0,.22)}
.activation-entry-card{padding:25px 24px}.activation-card-heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}.activation-card-heading h2{margin:0 0 7px;color:#fffdf8;font:700 .94rem var(--sans);letter-spacing:.01em}.activation-card-heading p{max-width:385px;margin:0;color:#c3bcb2;font-size:.72rem;line-height:1.5}
.activation-step{display:grid;place-items:center;flex:none;width:44px;height:44px;border:3px solid #e7b269;border-radius:50%;color:#f4c47e;font:700 1rem var(--sans)}
.activation-form{display:grid;gap:26px;margin:0;text-align:left}.activation-form label{display:grid;gap:8px;color:#f6f0e7;font-size:.67rem;font-weight:800;letter-spacing:.03em}.activation-form label>span{font:inherit}.activation-form label small{color:#c8c0b5;font-size:.68rem;font-weight:400;letter-spacing:0;line-height:1.45}
.activation-input{position:relative}.activation-form input{box-sizing:border-box;width:100%;height:48px;border:1px solid #6b685f;border-radius:7px;background:linear-gradient(180deg,#1d2121,#161b1c);padding:0 48px 0 14px;color:#fffdf8;font:.82rem var(--sans);letter-spacing:.03em;text-transform:uppercase}.activation-form input::placeholder{color:#8d938e;text-transform:none}.activation-form input:focus{border-color:#e0a85d;box-shadow:0 0 0 3px rgba(224,168,93,.15);outline:0}.activation-input i{position:absolute;top:50%;right:15px;display:grid;place-items:center;width:20px;height:20px;color:#e7b269;pointer-events:none;transform:translateY(-50%)}.activation-input i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.activation-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:60px;margin-top:7px;border:0;border-radius:7px;background:linear-gradient(110deg,#f2cb8c,#cf914b);color:#21190e;font:800 .73rem var(--sans);letter-spacing:.04em;cursor:pointer}.activation-submit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.activation-submit b{font-size:1.1rem}.activation-submit:hover{background:linear-gradient(110deg,#f8d49a,#d69b55)}
.activation-notice{margin:0 0 20px;border-radius:7px;padding:12px 14px;text-align:left;font-size:.72rem;line-height:1.45}.activation-notice.is-success{border:1px solid rgba(124,198,145,.45);background:rgba(97,165,116,.18);color:#d7f0dd}.activation-notice.is-error{border:1px solid rgba(237,120,108,.42);background:rgba(191,74,62,.18);color:#ffd8d4}
.activation-security-note{display:flex;align-items:center;gap:15px;margin:23px 0 0;color:#c9c1b6;font-size:.7rem;line-height:1.5}.activation-security-note svg{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #dba65f;border-radius:50%;padding:7px;color:#e8b36a;fill:none;stroke:currentColor;stroke-width:1.8}
.activation-guide-card{padding:25px 25px 0;overflow:hidden}.activation-guide-visual{position:relative;min-height:452px;margin:2px -25px 0;overflow:hidden;border-radius:0 0 10px 10px;background:#0f1314}.activation-product-image{position:absolute;inset:0;background:#0d1113;filter:none}.activation-product-image:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,11,.3),transparent 48%);content:''}
.activation-callout{position:absolute;z-index:2;max-width:142px;border:1px solid rgba(228,192,133,.2);border-radius:8px;background:rgba(9,12,14,.89);box-shadow:0 7px 16px rgba(0,0,0,.28);padding:11px 12px;color:#eee8df;font-size:.65rem;line-height:1.42}.activation-callout strong{display:block;margin-bottom:2px;color:#fffdf8;font-size:.66rem}.activation-callout span{color:#d5cdc1}.activation-callout:after{position:absolute;top:50%;width:39px;border-top:1px solid #e0a85d;content:''}.activation-callout:before{position:absolute;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#e0a85d;content:''}.activation-callout-id{top:205px;left:8px}.activation-callout-id:after{left:100%}.activation-callout-id:before{left:calc(100% + 36px)}.activation-callout-code{right:9px;bottom:61px}.activation-callout-code:after{right:100%}.activation-callout-code:before{right:calc(100% + 36px)}
.activation-private-card{position:absolute;z-index:2;right:24px;bottom:18px;display:grid;gap:3px;min-width:120px;border:1px solid rgba(234,192,121,.52);border-radius:5px;background:rgba(17,20,19,.91);padding:8px 11px;color:#f4d094;box-shadow:0 6px 18px rgba(0,0,0,.25)}.activation-private-card small{font-size:.48rem;font-weight:800;letter-spacing:.11em}.activation-private-card b{font:.66rem monospace;letter-spacing:.09em}
.activation-store-cta{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:17px;box-sizing:border-box;max-width:1200px;min-height:88px;margin:18px auto 0;border:1px solid rgba(221,207,184,.2);border-radius:10px;background:linear-gradient(110deg,rgba(22,25,23,.96),rgba(13,17,17,.96));padding:15px 22px}.activation-store-cta>svg{width:44px;height:44px;color:#efbb70;fill:none;stroke:currentColor;stroke-width:1.55}.activation-store-cta h2{margin:0 0 4px;color:#fffdf8;font:700 .83rem var(--sans)}.activation-store-cta p{margin:0;color:#c7c0b5;font-size:.69rem}.activation-store-cta a{display:flex;align-items:center;justify-content:center;gap:15px;min-width:175px;border:1px solid #e0a85d;border-radius:6px;padding:14px 20px;color:#efbc73;text-decoration:none;font:700 .67rem var(--sans)}
.panel-design-footer{display:flex;align-items:center;gap:26px;box-sizing:border-box;max-width:1200px;margin:28px auto 0;padding:20px 0;border-top:1px solid rgba(221,207,184,.17);color:#c8c0b4;font-size:.6rem;letter-spacing:.13em}.panel-design-footer strong{color:#f5eee3;font-size:1.25rem;letter-spacing:-.08em}.panel-design-footer em{margin-left:auto;color:#d5ad72;font-style:normal}
@media(max-width:1080px){.activation-layout{grid-template-columns:1fr}.activation-card{min-height:auto}.activation-guide-visual{min-height:440px}.activation-store-cta{margin-top:16px}}
@media(max-width:850px){body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-main{margin-left:0;padding-top:64px}body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-topbar{position:relative;inset:auto;height:64px;padding:0 17px}body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-topbar{top:auto}body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar{top:0;width:250px}body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-sidebar{top:0}body.admin-bar.fouryu-panel-dark-mode:not(.fouryu-account-mode) .panel-main{padding-top:64px}body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand{gap:10px}body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand strong{font-size:1.65rem}body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-brand small,body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-mountains,body.fouryu-panel-dark-mode:not(.fouryu-account-mode) .account-top-user{display:none}.activation-dashboard{padding:24px!important}.activation-page-header{align-items:flex-start;flex-direction:column;gap:11px}}
@media(max-width:620px){.activation-dashboard{padding:20px 16px 0!important}.activation-page-header h1{font-size:1.45rem}.activation-page-header p{font-size:.78rem}.activation-page-header nav{font-size:.65rem}.activation-entry-card,.activation-guide-card{padding:19px}.activation-card-heading{align-items:flex-start;gap:13px;margin-bottom:22px}.activation-step{width:39px;height:39px;border-width:2px;font-size:.9rem}.activation-guide-visual{min-height:385px;margin:0 -19px}.activation-product-image{background-position:66% center}.activation-callout{position:relative;top:auto;right:auto;bottom:auto;left:auto;max-width:none;margin:10px 12px}.activation-callout:after,.activation-callout:before{display:none}.activation-callout-id{position:absolute;top:15px;left:10px;right:10px}.activation-callout-code{position:absolute;right:10px;bottom:61px;left:10px}.activation-private-card{right:10px;bottom:10px}.activation-form{gap:21px}.activation-submit{height:54px}.activation-store-cta{grid-template-columns:42px 1fr;gap:12px;padding:16px}.activation-store-cta>svg{width:36px;height:36px}.activation-store-cta a{grid-column:1/-1;width:100%;box-sizing:border-box}.panel-design-footer{align-items:flex-start;flex-direction:column;gap:9px;margin-top:20px}.panel-design-footer em{margin-left:0}}

/* The supplied guide is complete: its own title, callouts and private card must remain intact. */
.activation-guide-card{padding:0}
.activation-guide-card>.activation-card-heading,.activation-guide-card .activation-callout,.activation-guide-card .activation-private-card{display:none}
.activation-guide-card .activation-guide-visual{min-height:565px;height:100%;margin:0;border-radius:10px;background:#0d1113}
.activation-guide-card .activation-product-image{background:url('../images/4yu-activation-guide.png') center/contain no-repeat;filter:none}
.activation-guide-card .activation-product-image:after{display:none}
@media(max-width:1080px){.activation-guide-card .activation-guide-visual{min-height:0;aspect-ratio:3/2}}
@media(max-width:620px){.activation-guide-card{padding:0}.activation-guide-card .activation-guide-visual{min-height:0;margin:0;border-radius:10px;aspect-ratio:3/2}.activation-guide-card .activation-product-image{background-position:center;background-size:contain}}
