body>header.shared-header{box-sizing:border-box;width:min(1200px,calc(100% - 36px))!important;min-height:68px!important;height:auto!important;margin:0 auto!important;padding:14px 24px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;border:1px solid #343434!important;border-radius:25px!important;background:#171717ed!important;box-shadow:0 15px 35px #0008;font-family:Manrope,Arial,sans-serif}
.shared-header .logo{display:flex!important;align-items:center;gap:9px;flex-shrink:0;margin-right:auto!important;color:#f5f5f5!important;font-size:15px!important;font-weight:800;text-decoration:none;order:1}
.shared-header .logo img{width:42px!important;height:42px!important;object-fit:contain;filter:grayscale(1) brightness(1.45)}.shared-header .logo small{display:none!important}
body>header.shared-header nav{display:flex!important;align-items:center;gap:3px;order:2;margin:0!important;width:auto}
.shared-header nav a{padding:9px 11px!important;color:#999!important;font:800 11px Manrope,Arial,sans-serif!important;white-space:nowrap;text-decoration:none;border-radius:16px;cursor:pointer}
.shared-header nav a:hover,.shared-header nav a[aria-current="page"]{background:#292929;color:#f5f5f5!important}
.shared-header .discord-link{display:grid!important;place-items:center;order:3;width:40px!important;height:40px!important;flex:0 0 40px;border:1px solid #4a4a4a;border-radius:15px;background:#292929;color:#f4f4f4}
.shared-header .discord-link svg{width:19px;height:19px;fill:currentColor}
.shared-header :is(#account,#sharedAccount){display:flex!important;align-items:center;gap:8px;order:4}
.shared-header .profile-btn,.shared-header .cart-btn,.shared-header .login{display:inline-flex;align-items:center;gap:5px;padding:10px 13px!important;border:1px solid #4a4a4a!important;border-radius:16px!important;background:#292929!important;color:#f4f4f4!important;text-decoration:none;font:800 11px Manrope,Arial,sans-serif!important;white-space:nowrap}
.shared-header .cart-btn{position:relative}.shared-header .cart-btn b{position:absolute;right:-4px;top:-8px;min-width:16px;height:16px;border-radius:50%;background:#eee;color:#111;font-size:9px;text-align:center;line-height:16px}
.shared-header [hidden]{display:none!important}
@media(max-width:1000px){body>header.shared-header{flex-wrap:wrap;padding:12px!important}body>header.shared-header nav{order:5;width:100%;overflow:auto;justify-content:flex-start}.shared-header .profile-btn{max-width:155px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:500px){body>header.shared-header{width:calc(100% - 16px)!important}.shared-header :is(#account,#sharedAccount){flex-wrap:wrap;gap:4px}.shared-header .logo{font-size:12px!important}.shared-header .logo img{width:32px!important;height:32px!important}.shared-header .login,.shared-header .profile-btn{padding:8px!important;font-size:10px!important}}

/* Розміри шапки та кнопок як на головній сторінці. */
@media(min-width:1001px){
 body>header.shared-header{width:min(1200px,calc(100% - 36px))!important;height:68px!important;min-height:68px!important;padding:0 24px!important;gap:8px!important;flex-wrap:nowrap!important}
 body>header.shared-header .logo{font-size:17px!important;gap:9px!important;line-height:1}
 body>header.shared-header .logo img{width:42px!important;height:42px!important}
 body>header.shared-header nav{gap:3px!important;flex:0 0 auto}
 body>header.shared-header nav a{padding:9px 11px!important;font-size:11px!important;line-height:16px!important}
 body>header.shared-header :is(#account,#sharedAccount){gap:8px!important;flex:0 0 auto}
 body>header.shared-header .profile-btn,body>header.shared-header .login{height:40px!important;min-height:40px!important;padding:0 14px!important;line-height:1!important;font-size:11px!important}
 body>header.shared-header .profile-btn{max-width:165px;overflow:hidden;text-overflow:ellipsis}
 body>header.shared-header .cart-btn{display:inline-flex!important;justify-content:center;width:48px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:17px!important}
 body>header.shared-header .discord-link{width:40px!important;height:40px!important}
 body>header.shared-header .language-switch{height:40px;box-sizing:border-box}
}

/* Єдине оформлення незалежно від стилів сторінки. */
body>header.shared-header.shared-header{position:relative!important;top:auto!important;z-index:4;backdrop-filter:blur(18px);line-height:normal!important;letter-spacing:normal!important;background:#171717e8!important;border-color:#303030!important}
body>header.shared-header.shared-header *{box-sizing:border-box}
body>header.shared-header.shared-header .logo{font:800 16px/1 Manrope,Arial,sans-serif!important;letter-spacing:0!important;gap:7px!important}
body>header.shared-header.shared-header .logo span{font:inherit!important}
body>header.shared-header.shared-header .logo img{filter:grayscale(1) contrast(1.15) brightness(1.45)!important}
body>header.shared-header.shared-header nav a{font:800 11px/16px Manrope,Arial,sans-serif!important;letter-spacing:0!important;background:transparent!important;box-shadow:none!important}
body>header.shared-header.shared-header nav a[aria-current="page"],body>header.shared-header.shared-header nav a:hover{background:#292929!important;color:#f4f4f4!important}
body>header.shared-header.shared-header :is(#account,#sharedAccount){display:flex!important;width:auto!important;align-items:center!important;gap:8px!important;margin:0!important}
body>header.shared-header.shared-header :is(.profile-btn,.login){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:40px!important;margin:0!important;padding:10px 15px!important;font:800 11px/18px Manrope,Arial,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important}
body>header.shared-header.shared-header .profile-btn:after{content:none!important}
body>header.shared-header.shared-header .cart-btn{display:inline-flex!important;align-items:center;justify-content:center;width:48px!important;height:40px!important;padding:0!important;margin:0!important;font-size:0!important;line-height:1!important}
body>header.shared-header.shared-header .cart-btn:before{content:'🛒'!important;font-size:17px!important}
body>header.shared-header.shared-header .cart-btn b{position:absolute;right:-5px!important;top:-6px!important;min-width:17px;height:auto!important;padding:2px 4px!important;border-radius:10px!important;background:#f4f4f4!important;color:#111!important;font:800 9px/12px Manrope,Arial,sans-serif!important}
body>header.shared-header.shared-header .language-switch{order:3;margin:0!important;flex-shrink:0}
body>header.shared-header.shared-header [hidden]{display:none!important}
@media(max-width:1000px){body>header.shared-header.shared-header nav{order:5!important;width:100%!important;grid-area:auto!important}body>header.shared-header.shared-header .logo{grid-area:auto!important}body>header.shared-header.shared-header .language-switch{grid-area:auto!important}body>header.shared-header.shared-header .discord-link{display:grid!important;grid-area:auto!important}body>header.shared-header.shared-header :is(#account,#sharedAccount){grid-area:auto!important}}
@media(max-width:600px){body>header.shared-header.shared-header{gap:6px!important}body>header.shared-header.shared-header :is(.profile-btn,.login){padding:8px!important;font-size:10px!important}.shared-header .profile-btn{max-width:125px!important}}

/* Discord highlight on every page. */
body>header.shared-header .discord-link{border-color:#777bd0!important;box-shadow:0 0 10px #5865f255,inset 0 0 8px #5865f21a;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease}
body>header.shared-header .discord-link:hover,body>header.shared-header .discord-link:focus-visible{background:#353961!important;border-color:#a5aaff!important;box-shadow:0 0 18px #5865f299,inset 0 0 10px #5865f233}
body>header.shared-header .discord-link:focus-visible{outline:2px solid #c5c8ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body>header.shared-header .discord-link{transition:none}}

/* Stable three-row layout for phones. */
@media(max-width:700px){
 body>header.shared-header.shared-header{display:grid!important;grid-template-columns:minmax(0,1fr) 40px auto!important;grid-template-areas:"brand discord language" "account account account" "navigation navigation navigation"!important;gap:12px 8px!important;width:calc(100% - 16px)!important;padding:12px!important;border-radius:22px!important}
 body>header.shared-header.shared-header .logo{grid-area:brand!important;margin:0!important;min-width:0;font-size:14px!important;gap:6px!important}
 body>header.shared-header.shared-header .logo img{width:30px!important;height:30px!important;flex:0 0 30px}
 body>header.shared-header.shared-header .discord-link{grid-area:discord!important;justify-self:center;width:40px!important;height:40px!important;margin:0!important}
 body>header.shared-header.shared-header .language-switch{grid-area:language!important;justify-self:end;margin:0!important;height:40px!important}
 body>header.shared-header.shared-header :is(#account,#sharedAccount){grid-area:account!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;gap:8px!important;min-width:0}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>:is(.profile-btn,.login){height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:11px!important;white-space:nowrap}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>:first-child{flex:1 1 0!important;max-width:none!important;min-width:0!important;overflow:hidden;text-overflow:ellipsis;display:block!important;line-height:40px!important;text-align:center}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>.cart-btn{flex:0 0 44px!important;width:44px!important;height:42px!important;min-height:42px!important;overflow:visible}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>.login:not(:first-child){flex:0 0 auto!important}
 body>header.shared-header.shared-header nav{grid-area:navigation!important;width:100%!important;min-width:0;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;border-top:1px solid #303030;padding:9px 0 2px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin}
 body>header.shared-header.shared-header nav a{flex:0 0 auto!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px!important;margin:0!important}
}
@media(max-width:350px){body>header.shared-header.shared-header{padding:10px!important;gap:10px 6px!important}body>header.shared-header.shared-header .logo{font-size:12px!important}body>header.shared-header.shared-header .logo img{width:26px!important;height:26px!important;flex-basis:26px}}

/* Keep phone navigation visible, without horizontal clipping. */
@media(max-width:700px){
 body>header.shared-header.shared-header{height:auto!important;max-height:none!important;overflow:visible!important}
 body>header.shared-header.shared-header nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;justify-content:stretch!important}
 body>header.shared-header.shared-header nav a{width:100%!important;min-width:0!important;min-height:40px!important;padding:8px 4px!important;text-align:center;white-space:normal!important;font-size:10px!important;border-radius:12px!important;background:#222!important}
 body>header.shared-header.shared-header nav a[aria-current="page"]{background:#eee!important;color:#161616!important}
 body>header.shared-header.shared-header :is(#account,#sharedAccount){max-width:none!important;justify-self:stretch!important}
 body>header.shared-header.shared-header .language-switch button{margin:0!important;line-height:1!important}
}

#adminProjectSettings[hidden],.admin-tabs button[hidden],#adminProjectSettings input[type="hidden"]{display:none!important}
#adminProjectSettings form{grid-template-columns:repeat(2,minmax(0,1fr))}#adminProjectSettings label{min-width:0}#adminProjectSettings input{max-width:100%;box-sizing:border-box}#adminProjectSettings form>button{grid-column:1/-1}@media(max-width:600px){#adminProjectSettings form{grid-template-columns:1fr}}
/* Spacious admin workspace. */
#admin.modal{padding:24px 20px}
#admin.modal>section.admin-card{box-sizing:border-box;width:min(1440px,calc(100vw - 40px))!important;max-width:1440px!important;min-height:min(820px,calc(100dvh - 48px));padding:32px!important}
#admin .admin-tabs{flex-wrap:wrap;gap:8px}
#admin .admin-tabs button{min-height:44px;white-space:nowrap;flex:0 0 auto}
#adminProjectSettings form>label{display:grid;gap:8px;align-content:start}
#adminProjectSettings form>label>input:not([type=hidden]){width:100%;min-height:44px;font-size:14px}
#adminProjectSettings form{column-gap:24px!important;row-gap:20px!important}
@media(max-width:700px){
 #admin.modal{padding:10px}
 #admin.modal>section.admin-card{width:100%!important;min-height:calc(100dvh - 20px);padding:20px 14px!important}
 #admin .admin-tabs{flex-wrap:nowrap}
}

/* Consistent project settings layout, independent of modal section styles. */
#adminProjectSettings{max-width:1180px;margin:0 auto}
#adminProjectSettings h2{font-size:24px;line-height:1.3;margin:0 0 22px}
#adminProjectSettings .project-server-settings,#adminProjectSettings .project-integrations{width:100%;max-width:none;box-sizing:border-box;margin:32px 0 0!important;padding:28px 0 0!important;border:0;border-top:1px solid #373737;border-radius:0;background:transparent;box-shadow:none}
#adminProjectSettings form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 24px!important}
#adminProjectSettings form>label{display:grid;gap:8px;min-width:0;font-size:13px;line-height:1.5;color:#ddd;letter-spacing:normal}
#adminProjectSettings form>label>input:not([type=hidden]){width:100%;min-width:0;min-height:44px;margin:0;padding:11px 14px;font-size:14px;border-radius:10px}
#adminProjectSettings form>label:has(input[type=file]){padding:16px;border:1px solid #333;border-radius:12px;background:#1b1b1b}
#adminProjectSettings form>label>img{width:100%!important;height:120px!important;object-fit:contain;background:#151515!important}
#adminProjectSettings form>button{grid-column:1/-1;justify-self:start;margin:4px 0 0!important;min-height:44px;padding:12px 22px!important;font-size:13px}
#adminProjectSettings .project-integrations p,#adminProjectSettings .balance-hint{font-size:13px;line-height:1.6;letter-spacing:normal;color:#aaa;margin:0 0 20px}
#adminProjectSettings .balance-hint{margin:14px 0 0}
#adminProjectSettings [data-integration=DISCORD_DONATION_WEBHOOK_URL]{grid-column:1/-1}
@media(max-width:700px){#adminProjectSettings form{grid-template-columns:1fr!important;gap:16px!important}#adminProjectSettings h2{font-size:21px}#adminProjectSettings form>button{width:100%;justify-self:stretch}}

body header.shared-header nav :is(#adminLink,#sharedAdminLink){position:relative;gap:5px}
body header.shared-header nav #adminDonationBadge:not([hidden]){display:inline-flex!important;position:static!important;align-items:center;justify-content:center;flex-shrink:0;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border-radius:20px;background:#e85f5f!important;color:#fff!important;font:800 10px/1 Manrope,sans-serif;box-shadow:0 0 9px #e85f5f55}
body header.shared-header nav #adminDonationBadge[hidden]{display:none!important}
body header.shared-header nav .has-pending-donations{color:#ffb9bd!important;background:#e85f5f18!important}

/* Inventory title uses the shared page background. */
body:has(.inventory-head) main .inventory-head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;box-sizing:border-box;margin:0 0 32px!important;padding:24px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;min-height:0!important}
body:has(.inventory-head) main .inventory-head::before,body:has(.inventory-head) main .inventory-head::after{display:none!important;content:none!important}
body:has(.inventory-head) main .inventory-head>p,body:has(.inventory-head) main .inventory-head>h1,body:has(.inventory-head) main .inventory-head>span{position:static!important;transform:none!important;float:none!important;width:auto!important;margin:0!important;text-align:center!important}
body:has(.inventory-head) main .inventory-head>span{max-width:640px!important;font-size:14px!important;line-height:1.6!important}
@media(max-width:700px){body:has(.inventory-head) main .inventory-head{padding:12px 0!important;gap:10px!important}}

/* Compact phone header with a single swipeable navigation row. */
@media(max-width:700px){
 body>header.shared-header.shared-header{grid-template-columns:minmax(0,1fr) 36px auto!important;gap:6px 8px!important;padding:8px 10px!important;border-radius:18px!important;height:auto!important;min-height:0!important;}
 body>header.shared-header.shared-header .logo{font-size:13px!important;}
 body>header.shared-header.shared-header .logo img{width:26px!important;height:26px!important;flex-basis:26px!important;}
 body>header.shared-header.shared-header .discord-link{width:36px!important;height:36px!important;min-height:36px!important;}
 body>header.shared-header.shared-header .language-switch{height:36px!important;padding:3px!important;}
 body>header.shared-header.shared-header .language-switch button{height:28px!important;min-height:28px!important;padding:0 8px!important;font-size:10px!important;}
 body>header.shared-header.shared-header :is(#account,#sharedAccount){gap:6px!important;}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>:is(.profile-btn,.login,.cart-btn){height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:12px!important;}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>:first-child{line-height:34px!important;}
 body>header.shared-header.shared-header :is(#account,#sharedAccount)>.cart-btn{width:40px!important;flex-basis:40px!important;padding:0!important;}
 body>header.shared-header.shared-header nav{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 0 3px!important;margin:0!important;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#70757c transparent;-webkit-overflow-scrolling:touch;scroll-padding-inline:4px;}
 body>header.shared-header.shared-header nav a{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:8px 12px!important;white-space:nowrap!important;font-size:11px!important;line-height:18px!important;}
 body>header.shared-header.shared-header nav::-webkit-scrollbar{height:3px;}
 body>header.shared-header.shared-header nav::-webkit-scrollbar-thumb{background:#70757c;border-radius:4px;}
 body>header.shared-header.shared-header nav a:focus-visible{outline:2px solid #c5c8ff;outline-offset:-3px;}
}