/* Exact geometry of the selected account mockup, scoped to the account route. */
body:has(#accountView.active) .shell{width:100%;max-width:460px!important;margin:0 auto!important;padding:calc(var(--app-safe-top,0px) + 16px) 20px calc(var(--app-safe-bottom,0px) + 12px)!important;overflow:visible!important}
body:has(#accountView.active) .shell>.topbar{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;gap:8px!important;height:58px!important;min-height:58px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;z-index:64}
body:has(#accountView.active) .topbar .brand{grid-column:2;grid-row:1;justify-self:center;display:block!important;position:static!important;width:128px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
body:has(#accountView.active) .topbar .brand-wordmark{width:128px!important;height:auto!important;max-width:none!important;margin:0!important}
body:has(#accountView.active) .topbar .top-actions{grid-column:1;grid-row:1;display:flex!important;align-items:center;width:44px;height:44px;margin:0!important;padding:0!important;position:static!important;background:none!important}
body:has(#accountView.active) .topbar .app-back-button{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-height:44px!important;font-size:0!important;padding:0!important;gap:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%;color:#987260!important;position:static!important}
body:has(#accountView.active) .topbar .app-back-button::before,body:has(#accountView.active) .topbar .app-back-button::after{content:none!important}
body:has(#accountView.active) .topbar .app-back-button svg{width:20px;height:20px}
body:has(#accountView.active) #povodNavTrigger{grid-column:3;grid-row:1;position:static!important;inset:auto!important;width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;padding:0!important;margin:0!important;background:var(--povod-menu-paper)!important;border:1px solid #ffffffd9!important;box-shadow:var(--povod-secondary-shadow)!important;color:#987260!important;backdrop-filter:blur(8px)!important}
body:has(#accountView.active) #povodNavTrigger svg{width:20px;height:20px}
body:has(#accountView.active) .shell>.footer{display:none!important}
body.povod-native-header:has(#accountView.active)>.povod-native-wordmark{display:none!important}
body.povod-native-back:has(#accountView.active) .topbar .app-back-button{display:none!important}
#accountView.active{max-width:none;margin:0;padding:0}
#accountView .povod-account{margin:0;max-width:none;padding:23px 0 0;font:400 14px/1.4 Onest,system-ui;color:#665e57}
#accountView .povod-account .account-support,#accountView .povod-account .account-service{display:none!important}
#accountView .povod-account :is(h1,h2,h3,p){margin:0}
#accountView .povod-account h2{font:400 14px/1.35 Onest!important;color:#856e60!important;letter-spacing:normal}
#accountView .povod-account strong{font-weight:400}
#accountView .povod-account small{font-size:11px;color:#827a74;display:block;line-height:1.5}
#accountView .povod-account svg,#povodAccountDetail svg{width:20px;height:20px;flex:none}
#accountView .povod-account .group{box-sizing:border-box;border:1px solid #dfd3ca;border-radius:22px;background:linear-gradient(145deg,#fffffff0,#faf8f5c9);box-shadow:inset 0 1px 0 #ffffffcc;margin:0 0 12px;padding:15px 16px}
#accountView .povod-account .group h2{margin-bottom:8px}
:is(#accountView .povod-account,#povodAccountDetail) .ac-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;background:transparent;color:#987260;width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;box-shadow:none;font:400 14px/1.4 Onest;cursor:pointer}
:is(#accountView .povod-account,#povodAccountDetail) .ac-icon:disabled{cursor:default;color:#a59b93;background:transparent}
:is(#accountView .povod-account,#povodAccountDetail) :is(button,a):focus-visible{outline:2px solid #987260;outline-offset:3px}
#accountView .povod-account .profile{display:flex;align-items:center;gap:12px;min-width:0}
#accountView .povod-account .avatar{width:45px;height:45px;border:1px solid #e5cfc3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#987260;background:linear-gradient(145deg,#fffdfb,#f3e9e0b3);font:300 20px/1 Onest;flex:none}
#accountView .povod-account .identity{flex:1;min-width:0}
#accountView .povod-account .identity strong{font-size:17px;overflow-wrap:anywhere}
#accountView .povod-account .identity small{margin-top:3px}
#accountView .povod-account .profile .edit{margin-right:-6px}
#accountView .povod-account .profile-group{padding:12px 16px}
#accountView .povod-account .communication{padding-bottom:14px}
#accountView .povod-account .communication>h2{font-size:11px!important;color:#827a74!important;margin-bottom:2px}
#accountView .povod-account .messenger-row{display:flex;align-items:center;gap:10px;min-height:44px}
#accountView .povod-account .messenger-row>img{width:22px;height:22px;flex:none}
#accountView .povod-account .messenger-row>div{flex:1}
#accountView .povod-account .messenger-row span{font-size:13px}
#accountView .povod-account .messenger-row small{font-size:10px}
#accountView .povod-account .messenger-row .ac-icon svg{width:17px;height:17px}
#accountView .povod-account .notification{padding-top:11px;margin-top:8px;border-top:1px solid #dfd3ca80}
#accountView .povod-account .notification-head span{font-size:13px}
#accountView .povod-account .notification-head small{font-size:11px}
#accountView .povod-account .channel{position:relative;display:flex;width:100%;max-width:252px;margin-top:10px;padding:3px;background:#f47b5c;border:1px solid #ef9278;border-radius:28px;height:44px;box-shadow:inset 0 1px 0 #ffffffa3;isolation:isolate;--choice:0}
#accountView .povod-account .channel-thumb{position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 6px)/2);transform:translateX(calc(var(--choice)*100%));background:#f3e9e0;border-radius:24px;border:1px solid #ffffff9c;box-shadow:inset 0 1px 0 #fff9}
#accountView .povod-account .channel button{display:flex;align-items:center;justify-content:center;gap:6px;width:50%;height:44px;margin-top:-4px;background:transparent;border:0;border-radius:22px;color:#795a4b;padding:0;font:400 12px/1.4 Onest;box-shadow:none;cursor:pointer}
#accountView .povod-account .channel button[aria-pressed=true]{color:#987260}
#accountView .povod-account .channel button:disabled{opacity:.65;cursor:wait}
#accountView .povod-account .channel img{display:block;width:18px;height:18px;flex:none}
#accountView .povod-account .messenger-status{font:400 11px/1.5 Onest;color:#827a74;margin:8px 0 0}
#accountView .povod-account .messenger-status:empty{display:none}
#accountView .povod-account .pro-summary{display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:73px}
#accountView .povod-account .pro-summary>div{flex:1;min-width:0}
#accountView .povod-account .pro-summary strong{font-size:14px}
#accountView .povod-account .pro-summary small{font-size:10px;margin-top:3px}
#accountView .povod-account .pro-summary .ac-icon{margin-right:-6px}
#accountView .povod-account .pro-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;width:43px;height:43px;color:#987260;font-size:15px;background:linear-gradient(145deg,#fff3eaa6,#f3e9e091);border:1px solid #e5cfc3;flex:none}
#accountView .povod-account .group-head{display:flex;align-items:center;justify-content:space-between;margin-top:-6px;margin-bottom:0}
#accountView .povod-account .group-head h2{margin:0}
:is(#accountView .povod-account,#povodAccountDetail) .ac-text{background:none;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:44px;color:#987260;font:400 12px/1.4 Onest;cursor:pointer;text-decoration:none;box-shadow:none}
#accountView .povod-account .group-head .ac-text{margin-right:-6px;min-width:44px}
#accountView .povod-account .group-head .ac-text svg{width:14px}
:is(#accountView .povod-account,#povodAccountDetail) .booking{display:flex;gap:10px;align-items:center;position:relative;min-width:0}
:is(#accountView .povod-account,#povodAccountDetail) .booking>img{width:50px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #dfd3ca70;background:white;flex:none}
:is(#accountView .povod-account,#povodAccountDetail) .booking>div{flex:1;min-width:0}
:is(#accountView .povod-account,#povodAccountDetail) .booking h3{font:400 12px/1.4 Onest;color:#665e57;overflow-wrap:anywhere;margin:0;letter-spacing:normal}
:is(#accountView .povod-account,#povodAccountDetail) .booking p{font:400 10px/1.4 Onest;color:#827a74;margin:4px 0 0}
:is(#accountView .povod-account,#povodAccountDetail) .ac-booking-placeholder{width:50px;height:56px;display:flex;align-items:center;justify-content:center;background:#f3e9e073;border-radius:10px;color:#987260;flex:none}
#accountView .povod-account .booking-summary{padding:12px 16px 14px}
#accountView .povod-account .count{font-size:10px;color:#827a74;margin-left:4px}
:is(#accountView .povod-account,#povodAccountDetail) .ac-empty{font:400 12px/1.5 Onest;color:#827a74;margin:0;padding:6px 0}
#accountView .povod-account .services{display:flex;border-bottom:1px solid #dfd3ca80;margin-top:3px;gap:8px}
#accountView .povod-account .services button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:44px;border:0;padding:0;background:none;color:#987260;font:400 12px/1.4 Onest;box-shadow:none;cursor:pointer}
#accountView .povod-account .services svg{width:16px}
#accountView .povod-account .logout{display:flex;margin:8px auto 0;color:#827a74;font-size:11px}
#accountView .povod-account .signature{display:flex;justify-content:center;gap:10px;color:#968c83;font:400 10px/1.4 Onest;margin:9px 0 0;padding:0 0 2px;border:0;background:none}
#accountView .povod-account .signature span{color:#c0b4aa}
#povodAccountDetail{margin:auto;width:min(350px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ffffffdd;border-radius:26px;padding:20px;background:linear-gradient(145deg,#fffffff0,#f6f2ece8);color:#665e57;box-shadow:0 8px 28px #69554a13;backdrop-filter:blur(14px);font:400 14px/1.4 Onest}
#povodAccountDetail::backdrop{background:#655e572b;backdrop-filter:blur(5px)}
#povodAccountDetail .ac-dialog-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:-4px 0 15px;padding:0 28px}
#povodAccountDetail .ac-dialog-head h2{font:300 22px/1.25 Onest!important;text-align:center;color:#856e60!important;margin:0}
#povodAccountDetail .ac-dialog-head .ac-icon{position:absolute;right:-8px;top:0;margin:0;background:none!important;border:0!important}
#povodAccountDetail .ac-dialog-head .ac-icon svg{width:16px;height:16px}
#povodAccountDetail label{display:block;color:#827a74;font:400 12px/1.4 Onest;margin-bottom:7px}
#povodAccountDetail input{display:block;width:100%;min-width:0;height:46px;border:1px solid #dfd3ca;border-radius:16px;background:var(--povod-ui-field);padding:10px 13px;color:#665e57;font:400 16px/1.4 Onest;box-shadow:var(--povod-ui-field-shadow)}
#povodAccountDetail input:focus-visible{outline:none;border-color:#dbb5a2;box-shadow:0 0 0 2px #f47b5c17}
#povodAccountDetail .ac-name-actions{display:flex;gap:8px;margin-top:15px}
#povodAccountDetail .ac-name-actions button{flex:1;border-radius:26px;min-height:44px;padding:10px 18px;font:400 12px/1.4 Onest}
#povodAccountDetail .ac-error{font:400 11px/1.5 Onest;color:#a96049;margin:8px 0 0}
#povodAccountDetail .ac-error:empty{display:none}
#povodAccountDetail .ac-section-note{font:400 12px/1.6 Onest;color:#827a74;margin:0 0 15px}
#povodAccountDetail .ac-full-booking{align-items:start;background:var(--povod-ui-paper);border:1px solid #dfd3ca;border-radius:20px;padding:10px;margin:0 0 12px}
#povodAccountDetail .ac-full-booking>img{width:42px;height:50px}
#povodAccountDetail .ac-full-booking h3{font-size:12px;padding:3px 27px 0 0}
#povodAccountDetail .ac-full-booking .ac-text{font-size:11px;justify-content:start}
#povodAccountDetail .ac-booking-menu{position:absolute;right:5px;top:3px}
#povodAccountDetail .ac-booking-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;color:#987260}
#povodAccountDetail .ac-booking-menu summary::-webkit-details-marker{display:none}
#povodAccountDetail .ac-booking-menu summary span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;font:400 18px/1 Onest;border-radius:50%;background:var(--povod-menu-paper);border:1px solid #ffffffd9}
#povodAccountDetail .ac-booking-menu[open]{z-index:3}
#povodAccountDetail .ac-booking-actions{position:absolute;right:0;top:38px;width:168px;padding:4px;border-radius:14px;border:1px solid #ffffffd9;background:var(--povod-menu-paper);box-shadow:0 5px 14px #69554a12;backdrop-filter:blur(8px)}
#povodAccountDetail .ac-booking-actions button{display:flex;align-items:center;width:100%;min-height:30px;padding:5px 8px;border:0;border-radius:9px;background:none;font:400 12px/1.3 Onest;color:#665e57;text-align:left;cursor:pointer}
#povodAccountDetail .ac-pro-details{padding:0;border:0;display:block}
#povodAccountDetail .ac-pro-details>div h3{display:none}
#povodAccountDetail .ac-pro-details>div p{font:400 12px/1.6 Onest;margin:0 0 8px;color:#665e57}
#povodAccountDetail .ac-pro-details>div p:first-of-type{font-size:17px;color:#856e60;margin-bottom:15px}
#povodAccountDetail .povod-promo{padding-top:15px;margin-top:12px;border-top:1px solid #dfd3ca80}
#povodAccountDetail .povod-promo>div{display:flex;gap:8px;flex-wrap:wrap}
#povodAccountDetail .povod-promo input{flex:1;min-width:140px}
#povodAccountDetail .povod-promo button{font:400 11px/1.4 Onest;border-radius:24px;min-height:44px}
#povodAccountDetail .povod-promo [role=status]{font:400 11px/1.5 Onest;color:#827a74;margin:8px 0 0}
#povodAccountDetail .povod-promo [role=status]:empty{display:none}
#povodAccountDetail .ac-pro-details>.btn{width:100%;margin-top:15px;font:400 12px/1.4 Onest;border-radius:24px;min-height:44px}
#povodAccountDetail .ac-service-links{display:flex;flex-direction:column;gap:6px}
#povodAccountDetail .ac-service-links a{border-bottom:1px solid #dfd3ca80;justify-content:space-between;font-size:13px}
:is(#accountView .povod-account,#povodAccountDetail) [hidden]{display:none!important}
@media(max-width:350px){body:has(#accountView.active) .shell{padding-left:16px!important;padding-right:16px!important}#accountView .povod-account h1{font-size:25px!important}#accountView .povod-account .group{padding-left:13px;padding-right:13px}#accountView .povod-account .identity strong{font-size:16px}#accountView .povod-account .identity small{font-size:10px}#accountView .povod-account .booking h3{font-size:11px}#accountView .povod-account .booking p{font-size:9px}#accountView .povod-account .pro-summary small{font-size:9px}}
@media(prefers-reduced-motion:no-preference){#accountView .povod-account .channel-thumb{transition:transform 180ms ease-out}}