/* Customer account visual layer. Account controls remain demonstrational in this phase. */
.account-dashboard{max-width:none;min-height:calc(100vh - 88px);padding:28px 44px 0;background:radial-gradient(ellipse at 74% -5%,rgba(122,83,47,.19),transparent 38%),linear-gradient(115deg,#101311,#151511 55%,#11120f);color:#f7f3ec}
.account-dashboard h1,.account-dashboard h2,.account-dashboard p{margin-top:0}
.account-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1280px;margin:0 auto 25px}
.account-header h1{margin-bottom:7px;color:#fffdf8;font:700 1.85rem/1 var(--sans);letter-spacing:-.055em}
.account-header p{margin-bottom:0;color:#c8c1b7;font-size:.92rem}
.account-header nav{display:flex;gap:13px;color:#aaa298;font-size:.75rem}
.account-header nav b{color:#d8a363}
.account-summary-card,.account-card{border:1px solid rgba(221,207,184,.14);border-radius:12px;background:linear-gradient(135deg,rgba(34,35,32,.98),rgba(22,24,22,.98));box-shadow:0 17px 35px rgba(0,0,0,.22)}
.account-summary-card{display:flex;align-items:center;gap:34px;max-width:1280px;min-height:150px;box-sizing:border-box;margin:0 auto 16px;padding:25px 28px}
.account-person{display:flex;align-items:center;gap:21px;min-width:390px}
.account-hero-avatar{display:grid;place-items:center;flex:none;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#f0ca91,#be7f3d);color:#1f1710;font:2.2rem/1 var(--sans);box-shadow:inset 0 1px rgba(255,255,255,.5),0 7px 18px rgba(0,0,0,.2)}
.account-person h2{margin-bottom:6px;color:#fffdf8;font:700 1.23rem var(--sans);letter-spacing:-.035em}
.account-person p{margin-bottom:10px;color:#bbb3a8;font-size:.76rem}
.account-person span:not(.account-hero-avatar){display:block;margin:5px 0;color:#ded7cb;font-size:.72rem}
.account-contact{display:flex!important;align-items:center;gap:7px}
.account-contact svg{width:14px;height:14px;stroke:#ebb568}
.account-stats{display:grid;grid-template-columns:repeat(3,112px);gap:12px;margin-left:auto}
.account-stats article{display:grid;min-height:92px;place-items:center;align-content:center;border:1px solid rgba(222,206,181,.14);border-radius:7px;text-align:center}
.account-stat-icon{display:grid;place-items:center;width:22px;height:22px;color:#e7b269}
.account-stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75}
.account-stats strong{margin:6px 0 4px;color:#fffaf1;font-size:.88rem}
.account-stats span{color:#b6aea3;font-size:.6rem}
.account-thanks{margin:0 0 0 9px;color:#e5ad64;font:italic 1.25rem/1.13 Georgia,serif;text-align:right;white-space:nowrap}
.account-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:16px;max-width:1280px;margin:0 auto}
.account-column{display:grid;align-content:start;gap:16px}
.account-card{padding:23px}
.account-card header{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.account-card header i{display:grid;place-items:center;width:32px;height:32px;color:#ebb468;font-style:normal}
.account-card header i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
.account-card h2{margin-bottom:4px;color:#fffdf8;font:700 1.1rem var(--sans);letter-spacing:-.025em}
.account-card header p{margin-bottom:0;color:#b8b0a5;font-size:.72rem}
.account-card label{display:block;margin:14px 0;color:#f1ece3;font-size:.65rem;font-weight:800;letter-spacing:.015em}
.account-card input[type=text],.account-card input[type=email],.account-card input[type=tel]{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #59574f;border-radius:6px;background:#1a1c1a;padding:11px 13px;color:#f7f2ea;font:400 .8rem var(--sans)}
.account-card input:focus-visible{border-color:#dda75e;outline:2px solid rgba(221,167,94,.2)}
.account-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.account-check{display:flex!important;align-items:flex-start;gap:10px;color:#d7d0c6!important;font-weight:400!important;font-size:.71rem!important;line-height:1.55}
.account-check input{appearance:none;width:20px;height:20px;margin:0;border:1px solid #dea760;border-radius:3px;background:#eac182;flex:none}
.account-check input:checked:after{display:block;content:'✓';color:#211a12;font-weight:900;line-height:18px;text-align:center}
.account-save{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:10px;border:0;border-radius:5px;background:linear-gradient(110deg,#f2ca8a,#ca8d48);padding:14px;color:#23190e;font:800 .7rem var(--sans);letter-spacing:.08em;cursor:pointer}
.account-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.account-notice{margin:0 0 14px;padding:10px 12px;border:1px solid;border-radius:5px;font-size:.72rem}.account-notice.is-success{border-color:rgba(113,207,143,.55);background:rgba(50,119,70,.18);color:#d8f4df}.account-notice.is-error{border-color:rgba(232,113,105,.62);background:rgba(123,46,41,.18);color:#ffe0dc}
.account-card input[readonly]{cursor:not-allowed;opacity:.68}.account-password button:disabled{cursor:not-allowed;opacity:.58}
.account-password{display:grid;grid-template-columns:1fr 188px;gap:12px;align-items:end}
.account-password label{margin:0}
.account-password button{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid #e0a85d;border-radius:6px;background:transparent;color:#e6b16a;font:800 .68rem var(--sans);cursor:pointer}
.account-password button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.account-login{display:flex;gap:14px;margin:24px 7px 5px;color:#e6af63}
.account-login-icon{display:grid;place-items:center;width:25px;height:25px}
.account-login-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.account-login strong,.account-login span,.account-login small{display:block}
.account-login strong{margin-bottom:5px;color:#f5f0e7;font-size:.75rem}
.account-login span,.account-login small{color:#c3bcb2;font-size:.69rem;line-height:1.5}
.account-switches{display:grid;gap:14px}
.account-switches label{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:start;margin:0;cursor:pointer}
.account-switches input{position:absolute;opacity:0}
.account-switches label>span{position:relative;display:block;width:36px;height:20px;border-radius:20px;background:#353633;box-shadow:inset 0 0 0 1px #787268}
.account-switches label>span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#d9d4cb;content:'';transition:.18s}
.account-switches input:checked+span{background:#e3ae63}.account-switches input:checked+span:after{left:19px;background:#fffaf1}
.account-switches b{color:#e0d9cf;font-size:.72rem;font-weight:500}.account-switches small{display:block;margin-top:3px;color:#a9a197;font-size:.62rem;font-weight:400}
.account-row-action{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;width:100%;margin-top:10px;border:1px solid #5a574f;border-radius:6px;background:transparent;padding:13px;color:#eee7dc;text-align:left;cursor:pointer}
.account-action-icon{display:grid;place-items:center;width:25px;height:25px;color:#e5ae64}.account-action-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.account-row-action strong,.account-row-action small{display:block}.account-row-action strong{font-size:.74rem}.account-row-action small{margin-top:3px;color:#b5ada3;font-size:.63rem;line-height:1.35}.account-row-action em{color:#e6ddd1;font-size:1.5rem;font-style:normal}
.account-row-action.is-danger{border-color:#963d38;background:rgba(98,25,24,.17)}.account-row-action.is-danger>b,.account-row-action.is-danger strong,.account-row-action.is-danger em{color:#ef6861}
.account-info-links{display:grid;gap:14px}.account-info-links button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;color:#ece4d8;text-align:left;font:.74rem var(--sans);cursor:pointer}.account-info-links svg{width:16px;height:16px;color:#e5ad63;fill:none;stroke:currentColor;stroke-width:1.8}
.account-info-slogan{margin:28px 3px 0;color:#e4ac61;font:italic 1.18rem/1.12 Georgia,serif;text-align:right}.account-info-slogan strong{display:block;margin-top:8px;color:#f7f0e8;font:700 2.2rem var(--sans);letter-spacing:-.11em}
.account-footer{display:flex;align-items:center;gap:26px;margin:28px -44px 0;padding:21px 44px;border-top:1px solid rgba(221,207,184,.17);color:#c8c0b4;font-size:.6rem;letter-spacing:.13em}.account-footer strong{color:#f5eee3;font-size:1.25rem;letter-spacing:-.08em}.account-footer em{margin-left:auto;color:#d5ad72;font-style:normal}
.panel-sidebar-utility{display:grid;gap:5px;margin:14px 12px 2px}.panel-sidebar-utility button,.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;cursor:pointer}.panel-sidebar-utility svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.panel-sidebar-promo{display:none}
.account-top-brand,.account-top-mountains,.account-top-user{display:none}
.fouryu-account-mode .panel-topbar{position:relative;z-index:2;display:flex;align-items:center;height:86px;box-sizing:border-box;padding:0 30px;border-color:#3b3730;background:linear-gradient(90deg,#191a18,#151714 62%,#2f2b25);color:#fbf6ee}
.fouryu-account-mode .panel-return-home,.fouryu-account-mode .panel-logout,.fouryu-account-mode .demo-chip{display:none}
.fouryu-account-mode .account-top-brand{display:flex;align-items:center;gap:20px}.fouryu-account-mode .account-top-brand strong{color:#fffdf8;font:800 2.3rem/1 var(--sans);letter-spacing:-.13em}.fouryu-account-mode .account-top-brand strong span{color:#ecc382}.fouryu-account-mode .account-top-brand small{color:#f7eee3;font:.53rem/1.55 var(--sans);font-weight:800;letter-spacing:.22em}
.fouryu-account-mode .account-top-mountains{display:block;position:absolute;left:42%;bottom:0;width:38%;height:86px;background:linear-gradient(90deg,transparent,rgba(25,32,31,.5)),url('../images/4yu-hero-tatry.webp') center 46%/cover no-repeat;opacity:.85}.fouryu-account-mode .account-top-mountains span{position:absolute;right:20%;top:14px;color:#edb869;font:italic 1.15rem/1.06 Georgia,serif;transform:rotate(-8deg);text-align:center;white-space:nowrap}
.fouryu-account-mode .account-top-user{display:flex;align-items:center;gap:11px;margin-left:auto;z-index:1}.fouryu-account-mode .account-top-user button{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:#f4eee5;cursor:pointer}.fouryu-account-mode .account-top-user button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.fouryu-account-mode .account-top-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e5bc7e,#a86f39);color:#2a1c10;font-size:.8rem}.fouryu-account-mode .account-top-user b{font-size:.72rem}.fouryu-account-mode .account-top-user i{font-size:1rem;font-style:normal}
.fouryu-account-mode .panel-sidebar{padding-top:0;background:linear-gradient(180deg,#171815,#101210)}.fouryu-account-mode .panel-brand{display:none}.fouryu-account-mode .panel-caption{margin:28px 20px 20px;color:#b7aea1;letter-spacing:.18em}.fouryu-account-mode .panel-nav{padding:0 12px}.fouryu-account-mode .panel-nav button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 13px;color:#f4eee4;font-size:.77rem}.fouryu-account-mode .panel-nav-icon{display:grid;place-items:center;width:20px;height:20px;color:#efba71}.fouryu-account-mode .panel-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.fouryu-account-mode .panel-nav button.is-active{border:1px solid rgba(224,164,90,.35);border-radius:7px;background:linear-gradient(110deg,#5f452f,#2d2923);color:#fff8f0}
.fouryu-account-mode .panel-sidebar-promo{display:block;position:relative;overflow:hidden;margin:auto 16px 16px;padding:17px;border:1px solid rgba(234,189,126,.23);border-radius:7px;background:linear-gradient(140deg,rgba(29,30,27,.35),rgba(69,45,29,.58)),url('../images/4yu-hero-tatry.webp') center/cover no-repeat}.fouryu-account-mode .panel-sidebar-promo p{position:relative;margin:0 0 42px;color:#f8f1e8;font:700 .9rem/1.15 var(--sans)}.fouryu-account-mode .panel-sidebar-promo p strong{color:#f0b96e}.fouryu-account-mode .panel-sidebar-promo a{position:relative;display:flex;justify-content:space-between;border:1px solid #e2ae67;border-radius:5px;padding:10px 12px;color:#f6c77e;text-decoration:none;font:700 .62rem var(--sans)}
@media(max-width:1120px){.account-summary-card{flex-wrap:wrap}.account-person{min-width:0}.account-stats{margin-left:0}.account-thanks{margin-left:auto}.account-grid{grid-template-columns:1fr}.fouryu-account-mode .account-top-mountains{left:32%;width:45%}}
@media(max-width:760px){.fouryu-account-mode .panel-topbar{height:64px;padding:0 17px}.fouryu-account-mode .account-top-brand{gap:10px}.fouryu-account-mode .account-top-brand strong{font-size:1.65rem}.fouryu-account-mode .account-top-brand small,.fouryu-account-mode .account-top-mountains,.fouryu-account-mode .account-top-user{display:none}.fouryu-account-mode .panel-mobile-toggle{margin-left:auto}.account-dashboard{padding:23px 16px 0}.account-header{align-items:flex-start;flex-direction:column;gap:10px}.account-header h1{font-size:1.55rem}.account-summary-card{padding:19px;gap:19px}.account-person{align-items:flex-start}.account-stats{grid-template-columns:repeat(2,1fr);width:100%}.account-stats article:last-child{grid-column:1/-1}.account-thanks{width:100%;margin:0;text-align:left}.account-card{padding:18px}.account-two-fields,.account-password{grid-template-columns:1fr}.account-password button{width:100%}.account-footer{align-items:flex-start;flex-direction:column;gap:9px;margin:22px -16px 0;padding:18px 16px}.account-footer em{margin-left:0}.panel-sidebar-utility{display:none}}

/* 4F.K1.2: desktop proportions follow the approved account composition. */
body.fouryu-account-mode{background:#10120f}
body.fouryu-account-mode .panel-main{margin-left:228px;padding-top:86px}
body.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-account-mode .panel-topbar{position:fixed;inset:0 0 auto 0;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-account-mode .panel-topbar{top:32px}
body.admin-bar.fouryu-account-mode .panel-sidebar{top:118px}
body.admin-bar.fouryu-account-mode .panel-main{padding-top:118px}
body.fouryu-account-mode .account-top-brand{position:relative;z-index:2;gap:21px}
body.fouryu-account-mode .account-top-brand strong{font-size:2.75rem;letter-spacing:-.15em}
body.fouryu-account-mode .account-top-brand small{font-size:.56rem;line-height:1.62;letter-spacing:.25em}
body.fouryu-account-mode .account-top-mountains{right:172px;left:auto;bottom:0;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%),url('../images/4yu-hero-tatry.webp') 8% 29%/cover no-repeat;opacity:.84}
body.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-account-mode .account-top-mountains span{right:38%;top:11px;color:#efbd73;font-size:1.34rem;line-height:1.04;text-shadow:0 2px 14px rgba(0,0,0,.6)}
body.fouryu-account-mode .account-top-user{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-account-mode .account-top-user button{width:25px;height:25px}.fouryu-account-mode .account-top-user b{font-size:.74rem}.fouryu-account-mode .account-top-avatar{width:32px;height:32px}
body.fouryu-account-mode .panel-caption{margin:28px 14px 23px;font-size:.6rem}
body.fouryu-account-mode .panel-nav{padding:0}.fouryu-account-mode .panel-nav button{padding:14px 15px;font-size:.79rem}.fouryu-account-mode .panel-nav button.is-active{border-radius:6px}
body.fouryu-account-mode .panel-sidebar-promo{min-height:184px;margin:0 2px 19px;padding:18px;background-position:center;background-size:auto 100%}
body.fouryu-account-mode .panel-sidebar-promo p{margin-bottom:68px;font-size:.93rem}.fouryu-account-mode .panel-sidebar-promo a{padding:11px 12px;font-size:.63rem}
body.fouryu-account-mode .panel-sidebar-bottom{padding:15px 12px 3px}.fouryu-account-mode .panel-sidebar-utility{margin:14px 12px 2px}
body.fouryu-account-mode .account-dashboard{padding:27px 31px 0;background:radial-gradient(ellipse at 70% 0,rgba(117,79,42,.15),transparent 37%),linear-gradient(115deg,#101310,#151510 58%,#10120f)}
body.fouryu-account-mode .account-header,body.fouryu-account-mode .account-summary-card,body.fouryu-account-mode .account-grid{max-width:1025px}
body.fouryu-account-mode .account-header{margin-bottom:26px}.fouryu-account-mode .account-header h1{font-size:1.78rem}.fouryu-account-mode .account-header p{font-size:.84rem}
body.fouryu-account-mode .account-summary-card{min-height:154px;gap:31px;padding:25px 26px;margin-bottom:16px}.fouryu-account-mode .account-person{gap:20px}.fouryu-account-mode .account-hero-avatar{width:83px;height:83px;font-size:2.12rem}.fouryu-account-mode .account-person h2{font-size:1.17rem}.fouryu-account-mode .account-stats{grid-template-columns:repeat(3,108px);gap:12px}.fouryu-account-mode .account-stats article{min-height:92px}.fouryu-account-mode .account-thanks{margin-left:10px;font-size:1.18rem}
body.fouryu-account-mode .account-grid{gap:16px;grid-template-columns:1fr 1fr}.fouryu-account-mode .account-column{gap:16px}.fouryu-account-mode .account-card{padding:22px}.fouryu-account-mode .account-card header{margin-bottom:17px}.fouryu-account-mode .account-card header i{width:31px;height:31px}.fouryu-account-mode .account-card header i svg{width:27px;height:27px}.fouryu-account-mode .account-card h2{font-size:1.06rem}
body.fouryu-account-mode .account-card input[type=text],body.fouryu-account-mode .account-card input[type=email],body.fouryu-account-mode .account-card input[type=tel]{height:40px;padding:9px 12px;border-color:#5d5a51;border-radius:5px;background:linear-gradient(180deg,#1c1e1b,#191b19);font-size:.76rem;box-shadow:inset 0 1px rgba(255,255,255,.025)}
body.fouryu-account-mode .account-card label{margin:13px 0}.fouryu-account-mode .account-check{gap:10px;font-size:.68rem!important}.fouryu-account-mode .account-check input{width:21px;height:21px}.fouryu-account-mode .account-save{height:44px;margin-top:8px;padding:0;font-size:.65rem}
body.fouryu-account-mode .account-password{grid-template-columns:1fr 167px;gap:11px}.fouryu-account-mode .account-password button{height:40px}.fouryu-account-mode .account-login{margin-top:22px}.fouryu-account-mode .account-switches{gap:12px}.fouryu-account-mode .account-switches label{grid-template-columns:36px 1fr;gap:10px}.fouryu-account-mode .account-switches label>span{width:34px;height:19px}.fouryu-account-mode .account-switches input:checked+span:after{left:18px}.fouryu-account-mode .account-info-slogan{margin-top:26px}.fouryu-account-mode .account-footer{max-width:calc(1025px + 62px);margin:28px auto 0;padding:20px 0}
@media(max-width:850px){body.fouryu-account-mode .panel-main{margin-left:0;padding-top:64px}body.fouryu-account-mode .panel-topbar{position:relative;inset:auto}body.admin-bar.fouryu-account-mode .panel-topbar{top:auto}body.fouryu-account-mode .panel-sidebar{top:0;width:250px}body.admin-bar.fouryu-account-mode .panel-sidebar{top:0}body.admin-bar.fouryu-account-mode .panel-main{padding-top:64px}body.fouryu-account-mode .account-header,body.fouryu-account-mode .account-summary-card,body.fouryu-account-mode .account-grid{max-width:none}}