/* Landing composition. */
.logo{display:flex;align-items:center;line-height:1}.logo img{display:block;flex:0 0 auto}.logo span{display:block;line-height:1}.logo small{display:none!important}
header{justify-content:flex-start!important;gap:8px}header .logo{order:1;margin-right:auto}header nav{order:2;display:flex;align-items:center;margin:0!important}header .discord-link{order:3;margin:0!important}header #account{order:4;display:flex;align-items:center;margin-left:0!important}
.hero{text-align:center!important}.hero>*{margin-left:auto!important;margin-right:auto!important}.hero h1{max-width:none!important;text-align:center!important}.hero>span{text-align:center!important}.hero a{align-self:center!important}
.discord-link{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #4a4a4a;border-radius:15px;background:#292929;color:#f4f4f4;transition:.15s}.discord-link:hover{background:#5865f2;border-color:#7883f7}.discord-link svg{width:19px;height:19px;fill:currentColor}footer{display:none!important}
#products .quantity{display:none!important}
#adminLink{position:relative}#adminDonationBadge{display:grid;place-items:center;position:absolute;right:-8px;top:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e85f5f;color:#fff;font:800 9px/1 Manrope;box-shadow:0 0 0 2px #171717}
.admin-tabs [data-admin-tab="donations"]{position:relative}.admin-donation-badge{display:grid;place-items:center;position:absolute;right:-7px;top:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e85f5f;color:#fff;font:800 9px/1 Manrope;box-shadow:0 0 0 2px #171717}
.news-admin-field{display:grid;gap:6px;margin:12px 0;color:#ddd;font-size:12px;font-weight:800}.news-admin-field textarea{min-height:130px;resize:vertical}
.simple-page-header{justify-content:space-between!important}.simple-page-header nav,.simple-page-header #account{display:none!important}.simple-page-header .simple-back{display:inline-block;padding:9px 14px;border:1px solid #4a4a4a;border-radius:16px;background:#292929;color:#f4f4f4;font-size:11px;font-weight:800;text-decoration:none}.simple-page-header .simple-back:hover{background:#383838}@media(max-width:700px){.simple-page-header .simple-back{padding:8px 11px;font-size:10px}}
.topup-box{margin:14px 0;padding:14px;border:1px solid #3b3b3b;border-radius:12px;background:#171717}.topup-box>b,.topup-box span{display:block}.topup-box span{margin:4px 0 11px;color:#999;font-size:11px}.topup-box div{display:flex;gap:7px}.topup-box button{flex:1;padding:9px 5px;border:1px solid #4b4b4b;border-radius:8px;background:#292929;color:#f4f4f4;font:800 11px Manrope;cursor:pointer}.topup-box button:hover{background:#f1f1f1;color:#151515}

/* Phone-first controls: Steam login and every administrator section stay reachable. */
@media (max-width:700px){
  header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo status" "discord account" "nav nav";height:auto!important;min-height:0!important;padding:9px 11px!important;gap:8px!important}
  header .logo{grid-area:logo;min-width:0;margin:0!important}
  header .discord-link{grid-area:discord;width:44px!important;height:40px!important;flex-basis:44px!important;border-radius:14px!important}
  header #account{grid-area:account;display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:7px!important;min-width:0;width:min(100%,260px);margin:0!important}
  header #account:has(.profile-btn){grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}
  #serverStatus{grid-area:status;display:flex!important;justify-content:center;min-width:170px;padding:9px 14px!important;font-size:11px!important;white-space:nowrap}
  #serverStatus span{max-width:none!important;overflow:visible!important;text-overflow:clip!important}
  header nav{grid-area:nav;display:flex!important;width:100%;min-width:0;margin:0!important;padding:0!important;justify-content:flex-start!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  header nav a{flex:0 0 auto;padding:8px 10px!important;font-size:10px!important}
  .login,.profile-btn{display:inline-grid!important;place-items:center;min-width:0;width:100%;height:40px;padding:0 8px!important;white-space:nowrap}
  .login{font:800 10px Manrope!important}
  .login:after{content:none}
  .profile-btn{font-size:0!important;text-align:center!important;justify-content:center!important;align-content:center!important;line-height:1!important}
  .profile-btn:after{content:'Кабінет';display:block;width:100%;text-align:center;font:800 10px/1 Manrope}
  .cart-btn{width:44px!important;height:40px!important;min-height:40px!important;margin:0!important}
  .modal{padding:8px!important;align-items:flex-start}
  .modal.open{display:flex!important}
  .modal section{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px);margin:0!important;padding:20px 14px!important;overflow:auto;border-radius:14px!important}
  .modal h2{padding-right:25px;font-size:23px!important;line-height:1.05}
  .modal form{grid-template-columns:1fr!important;gap:9px!important}
  .modal input,.modal select,.modal textarea{width:100%;min-width:0;font-size:16px!important}
  .modal form button{width:100%;min-height:43px;margin-top:2px!important}
  .admin-tabs{display:flex!important;gap:7px!important;margin:13px -2px 18px!important;padding:0 2px 10px!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .admin-tabs::-webkit-scrollbar{display:none}
  .admin-tabs button{flex:0 0 auto;padding:9px 11px!important}
  .admin-order{padding:11px!important;font-size:12px!important}
  .admin-order code,.admin-order small,.admin-order em{overflow-wrap:anywhere;word-break:break-word}
  .admin-product{align-items:flex-start!important;gap:9px;flex-wrap:wrap}
  .admin-product button{width:100%;min-height:38px}
  .promo-form{display:grid!important;gap:8px!important}
  .promo-form>b{display:block!important}
  .promo-form div{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .promo-form button{width:100%!important;min-height:40px}
  .steam-id{display:grid;gap:5px}.steam-id b{float:none!important;overflow-wrap:anywhere}
  #toast{width:min(360px,calc(100% - 24px));text-align:center}
}

@media (max-width:380px){
  header #account{width:230px}
  #serverStatus{min-width:136px;padding-left:8px!important;padding-right:8px!important}
  header .logo span{display:none}
  header nav a{padding:8px 8px!important;font-size:9px!important}
  .login,.profile-btn{min-width:39px;padding:0 7px!important}
}

/* Окрема сторінка інвентарю рулетки. */
body:has(.inventory-head) header{display:flex;align-items:center}
body:has(.inventory-head) .logo{display:flex;align-items:center;text-decoration:none}
body:has(.inventory-head) nav{display:flex;align-items:center}
body:has(.inventory-head) #account{display:flex;gap:8px;margin-left:0}
body:has(.inventory-head) #toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 14px;opacity:0;pointer-events:none}
body:has(.inventory-head) #toast.show{opacity:1}

/* Сторінка «Виграші» у стилі головної сторінки. */
body:has(.inventory-head){margin:0;min-height:100vh;font-family:Manrope,Arial,sans-serif;background:radial-gradient(900px 460px at 83% -12%,#4a562632,transparent 70%),radial-gradient(600px 360px at 0 25%,#526e2630,transparent 72%),#0b0e0b;color:#f1f2e9}
body:has(.inventory-head) header{min-height:82px;padding:0 max(20px,6vw)!important;gap:18px!important;background:#0c100ce8;border-bottom:1px solid #343d31;backdrop-filter:blur(16px)}
body:has(.inventory-head) header .logo{gap:11px;font-size:17px;letter-spacing:.2px;color:#f1f2e9}
body:has(.inventory-head) header .logo img{width:54px;height:54px;filter:grayscale(1) contrast(1.4) brightness(1.45)}
body:has(.inventory-head) header .logo small{display:inline!important;color:#d7e84b;font-weight:800;letter-spacing:1px}
body:has(.inventory-head) header nav{margin-left:auto!important;gap:8px!important}
body:has(.inventory-head) header nav a{padding:9px 11px!important;color:#a8afa1;font-size:11px!important;font-weight:800;text-decoration:none;border-radius:6px}
body:has(.inventory-head) header nav a:hover{color:#f1f2e9;background:#ffffff0b}
body:has(.inventory-head) main{max-width:1060px!important;padding:0 22px 96px!important}
body:has(.inventory-head) .inventory-head{margin:0 -22px 34px!important;padding:92px max(22px,calc((100vw - 1060px)/2)) 72px!important;border:0!important;border-bottom:1px solid #343d31!important;border-radius:0!important;background-color:#0b0e0b!important;background-image:radial-gradient(ellipse at 72% 43%,#738a2e32,transparent 45%),linear-gradient(100deg,#0b0e0bea 15%,#0b0e0b8a 60%,#0b0e0b),url('/nezlamni-logo.png')!important;background-repeat:no-repeat!important;background-position:center,center,calc(100% - 10vw) 50%!important;background-size:auto,auto,420px!important}
body:has(.inventory-head) .inventory-head p{color:#d7e84b!important;font-size:10px!important;letter-spacing:2px!important}
body:has(.inventory-head) .inventory-head h1{font:clamp(34px,5vw,56px) 'Russo One'!important;letter-spacing:1px;text-shadow:0 8px 30px #000}
body:has(.inventory-head) .inventory-head span{max-width:520px;color:#c3c8bd!important;font-size:14px!important;line-height:1.5}
body:has(.inventory-head) .orders{max-width:820px;margin:0 auto;gap:13px}
body:has(.inventory-head) .reward-card{padding:17px!important;border-color:#343d31!important;border-radius:6px!important;background:linear-gradient(135deg,#1a2018,#121712)!important;font-size:13px!important}
body:has(.inventory-head) .reward-card b{font-size:14px}
body:has(.inventory-head) .reward-card small{color:#a8afa1!important}
body:has(.inventory-head) .reward-card button{background:#d7e84b!important;color:#161a10!important;border-radius:4px!important;font-weight:800}
body:has(.inventory-head) .no-orders{text-align:center;padding:45px 12px;color:#a8afa1!important}
/* Виграші тепер доступні окремою вкладкою, а не в кабінеті. */
#rouletteInventory,#rouletteInventory:has(*){display:none!important}
.profile-card h2:has(+ #rouletteInventory){display:none!important}

@media(max-width:700px){
  body:has(.inventory-head) header{display:grid!important;grid-template-columns:1fr;grid-template-areas:"logo";min-height:0!important;padding:10px 13px!important}
  body:has(.inventory-head) header .logo{grid-area:logo}
  body:has(.inventory-head) header #account,body:has(.inventory-head) header nav{display:none!important}
  body:has(.inventory-head) .inventory-head{width:100vw;margin:0 0 24px calc(50% - 50vw)!important;padding:62px 22px 54px!important;background-size:auto,auto,250px!important;background-position:center,center,calc(100% + 85px) 50%!important}
  body:has(.inventory-head) .inventory-head h1{font-size:33px!important}
  body:has(.inventory-head) .inventory-head span{max-width:260px;font-size:12px!important}
  body:has(.inventory-head) .reward-card{padding:14px!important}
}

/* Макет інвентарю за затвердженим зразком. */
@media(min-width:701px){
  body:has(.inventory-head) header{min-height:81px!important;padding:0 max(40px,6.2vw)!important}
  body:has(.inventory-head) header .logo{font-size:16px!important}
  body:has(.inventory-head) header .logo img{width:48px!important;height:48px!important}
  body:has(.inventory-head) header nav{gap:19px!important}
  body:has(.inventory-head) header nav a{padding:8px 0!important;font-size:11px!important}
  body:has(.inventory-head) #account{gap:9px!important}
  body:has(.inventory-head) .inventory-head{width:100vw;min-height:377px;margin:0 0 34px calc(50% - 50vw)!important;padding:92px max(22px,calc((100vw - 460px)/2)) 70px!important;background-position:center,center,center!important;background-size:auto,auto,390px!important}
  body:has(.inventory-head) .inventory-head h1{max-width:440px;font-size:52px!important;line-height:1.28!important}
  body:has(.inventory-head) .inventory-head p{max-width:440px}
  body:has(.inventory-head) .inventory-head span{max-width:390px}
  body:has(.inventory-head) .orders{max-width:820px!important}
  body:has(.inventory-head) .reward-card{min-height:126px;padding:18px 17px!important}
  body:has(.inventory-head) .reward-card button{align-self:end;margin:0 74px 0 0!important;padding:10px 13px!important}
}

/* Сіра палітра, однакова з головною сторінкою. */
body:has(.inventory-head){background:radial-gradient(760px 460px at 50% 42%,#25252542,transparent 70%),#050505!important;color:#f5f5f5!important}
body:has(.inventory-head) header{background:#151515ed!important;border-color:#353535!important}
body:has(.inventory-head) header .logo small{color:#cfcfcf!important}
body:has(.inventory-head) header nav a{color:#989898!important}
body:has(.inventory-head) header nav a:hover{color:#fff!important;background:#292929!important}
body:has(.inventory-head) .inventory-head{background-color:#050505!important;background-image:radial-gradient(ellipse at 55% 45%,#45454544,transparent 47%),linear-gradient(100deg,#050505f5 18%,#050505a0 63%,#050505f5),url('/nezlamni-logo.png')!important;border-bottom-color:#353535!important}
body:has(.inventory-head) .inventory-head p{color:#d4d4d4!important}
body:has(.inventory-head) .inventory-head span{color:#a4a4a4!important}
body:has(.inventory-head) .reward-card{border-color:#3a3a3a!important;background:linear-gradient(135deg,#1b1b1b,#121212)!important}
body:has(.inventory-head) .reward-card small,body:has(.inventory-head) .no-orders{color:#a4a4a4!important}
body:has(.inventory-head) .reward-card button{background:#eeeeee!important;color:#111!important}
body:has(.inventory-head) .reward-card button:hover{background:#fff!important}

/* На сторінці виграшів лишається тільки повернення до каталогу. */
body:has(.inventory-head) header nav,body:has(.inventory-head) header #account{display:none!important}

/* Компактний рядок виграшу та дії під назвою товару. */
body:has(.inventory-head) .reward-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info status" "actions actions";min-height:0!important;padding:13px 16px!important;gap:7px 12px!important}
body:has(.inventory-head) .reward-card .reward-info{grid-area:info;display:grid;gap:4px;min-width:0}
body:has(.inventory-head) .reward-card .reward-info b{font-size:13px!important}
body:has(.inventory-head) .reward-card .reward-info small{font-size:10px!important}
body:has(.inventory-head) .reward-card .status{grid-area:status;align-self:start}
body:has(.inventory-head) .reward-card .reward-actions{grid-area:actions;display:flex;gap:8px;padding-top:2px}
body:has(.inventory-head) .reward-card .reward-actions button{align-self:auto!important;margin:0!important;padding:8px 11px!important;font-size:10px!important}
body:has(.inventory-head) .reward-card .reward-actions .decline-reward{background:#2b2b2b!important;border:1px solid #555!important;color:#d4d4d4!important}
body:has(.inventory-head) .reward-card .reward-actions .decline-reward:hover{background:#3a3a3a!important;color:#fff!important}

@media(max-width:700px){
  body:has(.inventory-head) .reward-card{padding:12px!important}
  body:has(.inventory-head) .reward-card .reward-actions{width:100%}
  body:has(.inventory-head) .reward-card .reward-actions button{flex:1;min-height:36px}
}

/* Один компактний горизонтальний рядок на кожен виграш. */
body:has(.inventory-head) .orders{max-width:700px!important}
body:has(.inventory-head) .reward-card{grid-template-columns:minmax(180px,1fr) auto auto!important;grid-template-areas:"info status actions"!important;align-items:center;min-height:70px!important;padding:11px 14px!important}
body:has(.inventory-head) .reward-card .reward-actions{display:flex;width:auto!important;padding:0!important}
body:has(.inventory-head) .reward-card .reward-actions button{flex:0 0 auto!important;min-height:33px!important;padding:7px 10px!important}

@media(max-width:700px){
  body:has(.inventory-head) .orders{max-width:100%!important}
  body:has(.inventory-head) .reward-card{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"info status" "actions actions"!important}
  body:has(.inventory-head) .reward-card .reward-actions{width:100%!important;padding-top:3px!important}
  body:has(.inventory-head) .reward-card .reward-actions button{flex:1 1 0!important}
}

/* Компактний заголовок інвентарю. */
@media(min-width:701px){
  body:has(.inventory-head) .inventory-head{min-height:270px!important;padding-top:54px!important;padding-bottom:48px!important;background-size:auto,auto,285px!important}
  body:has(.inventory-head) .inventory-head p{font-size:9px!important}
  body:has(.inventory-head) .inventory-head h1{max-width:330px!important;font-size:39px!important;line-height:1.22!important}
  body:has(.inventory-head) .inventory-head span{max-width:320px!important;font-size:12px!important}
}
@media(max-width:700px){
  body:has(.inventory-head) .inventory-head{min-height:205px!important;padding-top:39px!important;padding-bottom:35px!important;background-size:auto,auto,175px!important}
  body:has(.inventory-head) .inventory-head h1{max-width:250px;font-size:28px!important;line-height:1.2!important}
  body:has(.inventory-head) .inventory-head span{max-width:220px;font-size:11px!important}
}

/* Компактна заокруглена шапка, як у головному меню. */
@media(min-width:701px){
  body:has(.inventory-head) header{width:min(1400px,calc(100% - 48px));min-height:66px!important;margin:9px auto 0!important;padding:0 24px!important;border:1px solid #373737!important;border-radius:24px!important}
  body:has(.inventory-head) header .logo img{width:42px!important;height:42px!important}
  body:has(.inventory-head) header .logo{font-size:15px!important}
  body:has(.inventory-head) header .logo:after{min-height:36px!important;padding:0 13px!important;font-size:10px!important}
  body:has(.inventory-head) .inventory-head{min-height:218px!important;padding-top:38px!important;padding-bottom:36px!important;background-size:auto,auto,235px!important}
  body:has(.inventory-head) .inventory-head h1{font-size:33px!important}
  body:has(.inventory-head) .inventory-head span{font-size:11px!important}
}
@media(max-width:700px){
  body:has(.inventory-head) header{width:calc(100% - 18px);margin:8px auto 0!important;border:1px solid #373737!important;border-radius:20px!important}
  body:has(.inventory-head) header .logo:after{min-height:35px;padding:0 11px;font-size:9px}
  body:has(.inventory-head) .inventory-head{min-height:175px!important;padding-top:29px!important;padding-bottom:28px!important;background-size:auto,auto,145px!important}
  body:has(.inventory-head) .inventory-head h1{font-size:25px!important}
  body:has(.inventory-head) .inventory-head span{font-size:10px!important}
}

/* Виграші як компактні картки товарів. */
body:has(.inventory-head) .orders{max-width:920px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body:has(.inventory-head) .reward-card{display:flex!important;flex-direction:column;min-width:0;min-height:215px!important;padding:11px!important;border-radius:10px!important;gap:8px!important;background:linear-gradient(145deg,#1b1b1b,#141414)!important}
body:has(.inventory-head) .reward-card .reward-image{display:grid;place-items:center;position:relative;height:78px;overflow:hidden;border-radius:7px;background:repeating-linear-gradient(0deg,#1e1e1e 0 27px,#181818 27px 54px);color:#777;font-size:24px}
body:has(.inventory-head) .reward-card .reward-image img{width:100%;height:100%;object-fit:contain}
body:has(.inventory-head) .reward-card .reward-info{display:grid;gap:5px;min-height:40px}
body:has(.inventory-head) .reward-card .reward-info b{font-size:11px!important;line-height:1.25}
body:has(.inventory-head) .reward-card .reward-info small{font-size:9px!important;line-height:1.35}
body:has(.inventory-head) .reward-card .status{align-self:flex-start;font-size:8px!important}
body:has(.inventory-head) .reward-card .reward-actions{display:grid!important;grid-template-columns:1fr;gap:6px;margin-top:auto;width:100%!important}
body:has(.inventory-head) .reward-card .reward-actions button{width:100%;min-height:29px!important;padding:6px 7px!important;font-size:9px!important}

@media(max-width:900px){
  body:has(.inventory-head) .orders{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body:has(.inventory-head) .orders{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body:has(.inventory-head) .reward-card{min-height:205px!important}
}
@media(max-width:420px){
  body:has(.inventory-head) .orders{grid-template-columns:1fr!important}
  body:has(.inventory-head) .reward-card{min-height:175px!important}
}

/* Логотип у виграшах: тільки емблема та NEZLAMNI. */
body:has(.inventory-head) header .logo small{display:none!important}

/* Пояснення про автоматичну видачу на головному банері. */
body:not(:has(.inventory-head)) .hero>span{max-width:620px!important;font-size:17px!important;line-height:1.55!important}
@media(max-width:700px){body:not(:has(.inventory-head)) .hero>span{max-width:310px!important;font-size:14px!important}}

/* Форма редагування товару в адмін-панелі. */
.product-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px;border:1px solid #3a3a3a;border-radius:10px;background:#181818}
.product-edit-form h2,.product-edit-form>div,.product-edit-form .product-edit-wide{grid-column:1/-1}
.product-edit-field{display:grid;gap:5px;color:#d8d8d8;font-size:11px;font-weight:800}
.product-edit-field input,.product-edit-field select,.product-edit-field textarea{width:100%;min-width:0}
.product-edit-form textarea{min-height:74px}
.product-edit-form>div{display:flex;gap:8px}
.product-edit-form button{min-height:38px}
.product-edit-form [data-cancel-edit]{background:#303030!important;color:#eee!important}
@media(max-width:700px){.product-edit-form{grid-template-columns:1fr}.product-edit-form>*{grid-column:1/-1!important}.product-edit-form>div{display:grid;grid-template-columns:1fr 1fr}}
/* Сіра кнопка Steam на сторінці виграшів. */
.login-card a {
  margin-top: 14px !important;
  padding: 10px 15px !important;
  background: #292929 !important;
  border: 1px solid #555 !important;
  border-radius: 18px !important;
  color: #f4f4f4 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.login-card a:hover {
  background: #383838 !important;
}

/* Одна кнопка повернення у верхній панелі сторінки виграшів. */
body:has(.inventory-head) header.simple-page-header{display:flex!important;justify-content:space-between!important}
body:has(.inventory-head) header.simple-page-header .logo{order:1!important}
body:has(.inventory-head) header.simple-page-header .simple-back{display:inline-block!important;order:2!important;margin-left:auto!important}
body:has(.inventory-head) header.simple-page-header .logo:after{display:none!important;content:none!important}

/* Виграші рулетки — компактний стиль каталогу. */
body:has(.inventory-head){background:#090909!important}
body:has(.inventory-head) main{
  width:min(1200px,calc(100% - 32px))!important;
  max-width:1200px!important;
  padding:42px 0 84px!important;
  margin:0 auto!important;
}
body:has(.inventory-head) .inventory-head{
  width:100%!important;
  min-height:0!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  text-align:center!important;
}
body:has(.inventory-head) .inventory-head p{
  margin:0 0 8px!important;
  color:#a7a7a7!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:1.8px!important;
}
body:has(.inventory-head) .inventory-head h1{
  margin:0!important;
  color:#f5f5f5!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1!important;
  letter-spacing:-1.8px!important;
}
body:has(.inventory-head) .inventory-head span{
  display:block!important;
  max-width:470px!important;
  margin:13px auto 0!important;
  color:#929292!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body:has(.inventory-head) #inventory.orders{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin:0!important;
}
body:has(.inventory-head) .reward-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:318px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #303030!important;
  border-radius:17px!important;
  background:#191919!important;
  box-shadow:none!important;
}
body:has(.inventory-head) .reward-card .reward-image{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  height:150px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(0deg,transparent 0 31px,#ffffff07 32px),
    repeating-linear-gradient(90deg,transparent 0 31px,#ffffff07 32px),
    #171717!important;
}
body:has(.inventory-head) .reward-card .reward-image img{
  width:100%!important;
  height:145px!important;
  max-width:100%!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:1!important;
}
body:has(.inventory-head) .reward-card .reward-info{
  display:block!important;
  padding:12px 13px 4px!important;
  text-align:left!important;
}
body:has(.inventory-head) .reward-card .reward-info b{
  display:block!important;
  overflow:hidden!important;
  color:#f1f1f1!important;
  font-size:13px!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:has(.inventory-head) .reward-card .reward-info small{
  display:block!important;
  margin-top:5px!important;
  color:#8d8d8d!important;
  font-size:11px!important;
  line-height:1.35!important;
}
body:has(.inventory-head) .reward-card .status{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  width:auto!important;
  margin:7px 13px 0!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:#493716!important;
  color:#f4cf69!important;
  font-size:10px!important;
  font-weight:800!important;
}
body:has(.inventory-head) .reward-card .reward-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:auto!important;
  padding:10px 12px 12px!important;
}
body:has(.inventory-head) .reward-card .reward-actions button{
  width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #676767!important;
  border-radius:8px!important;
  background:#f0f0f0!important;
  color:#111!important;
  font-size:11px!important;
  font-weight:800!important;
}
body:has(.inventory-head) .reward-card .reward-actions .decline-reward{
  border-color:#4c4c4c!important;
  background:#292929!important;
  color:#e2e2e2!important;
}
body:has(.inventory-head) #inventory.orders .login-card,
body:has(.inventory-head) #inventory.orders .empty{
  grid-column:1 / -1!important;
}
@media(max-width:900px){
  body:has(.inventory-head) #inventory.orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  body:has(.inventory-head) main{width:min(100% - 24px,1200px)!important;padding:28px 0 56px!important}
  body:has(.inventory-head) .inventory-head{margin-bottom:22px!important}
  body:has(.inventory-head) .inventory-head h1{font-size:31px!important}
  body:has(.inventory-head) #inventory.orders{grid-template-columns:1fr!important;gap:12px!important}
  body:has(.inventory-head) .reward-card{min-height:290px!important}
  body:has(.inventory-head) .reward-card .reward-image{height:132px!important}
  body:has(.inventory-head) .reward-card .reward-image img{height:127px!important}
}

/* Напис NEZLAMNI у шапці — такий самий, як у каталозі. */
body:has(.inventory-head) header.simple-page-header .logo{
  gap:7px!important;
  color:#f5f5f5!important;
  font:800 16px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body:has(.inventory-head) header.simple-page-header .logo img{
  width:42px!important;
  height:42px!important;
}
body:has(.inventory-head) header.simple-page-header .logo span{
  display:block!important;
  line-height:1!important;
}
@media(max-width:700px){
  body:has(.inventory-head) header.simple-page-header .logo{
    gap:6px!important;
    font-size:12px!important;
  }
  body:has(.inventory-head) header.simple-page-header .logo img{
    width:36px!important;
    height:36px!important;
  }
}

/* Ширша панель адміністратора для вкладок, товарів і налаштувань рулетки. */
.admin-card{
  width:min(1040px,calc(100vw - 40px))!important;
  max-width:1040px!important;
}
@media(max-width:700px){
  .admin-card{
    width:calc(100vw - 20px)!important;
  }
}

/* Картка входу до виграшів у графітовому стилі каталогу. */
body:has(.inventory-head) #inventory.orders .login-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:190px!important;
  padding:28px!important;
  border:1px solid #303030!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#1b1b1b,#141414)!important;
  color:#f2f2f2!important;
  text-align:center!important;
}
body:has(.inventory-head) #inventory.orders .login-card:before{
  content:"ВИГРАШІ РУЛЕТКИ"!important;
  margin-bottom:8px!important;
  color:#8e8e8e!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:1.5px!important;
}
body:has(.inventory-head) #inventory.orders .login-card{
  font-size:15px!important;
  font-weight:800!important;
}
body:has(.inventory-head) #inventory.orders .login-card a{
  margin-top:16px!important;
  padding:10px 16px!important;
  border:1px solid #4a4a4a!important;
  border-radius:15px!important;
  background:#292929!important;
  color:#f4f4f4!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body:has(.inventory-head) #inventory.orders .login-card a:hover{
  background:#f0f0f0!important;
  color:#151515!important;
}