/* GTAUP V307 · Azure/graphite UI completion · VISUAL ONLY
   No changes to payouts, profile records, odds, cash balance or game callbacks. */
:root,html,html[data-theme],body{
 --v307-base:#163c62;--v307-panel:#27577f;--v307-panel2:#31658e;
 --v307-light:#4579a1;--v307-line:rgba(185,219,246,.13);--v307-text:#eef8ff;
 --bg:#153b60;--surface:#28577f;--line:rgba(175,216,245,.14);
 background-color:#163b60!important;color:var(--v307-text)!important
}
html body {background:linear-gradient(120deg,#153b62,#214e77 68%,#1b456e) fixed!important}
/* Navbar on screenshots was still BLACK because deeply nested dock had its own background. */
html body .topbar.topbar-v5, html body header.topbar,html body .header-dock-v24,
html body .header-dock-v24 .top-actions-v18,html body .topbar .grow,
html body .header-inner,html body .header-dock-v24 .top-btn,
html body .top-actions-v18 button,html body .topbar .account-pill,
html body .topbar .wallet-pill,html body .topbar .verify-pill{
 background:#214c73!important;background-image:none!important;
 border-color:rgba(179,219,246,.10)!important;box-shadow:none!important;
 color:#e9f7ff!important;
}
html body .topbar.topbar-v5 {border-bottom:1px solid rgba(202,232,254,.13)!important}
html body .header-dock-v24 {padding:5px!important;border:0!important;border-radius:13px!important}
html body .header-dock-v24 button:hover,html body .topbar .top-btn:hover{background:#376d96!important}
html body .sidebar,html body .nav,html body .sidebar .brand,html body .sidebar-foot{background:#1d466f!important;background-image:none!important}
html body .sidebar .nav-games-v156,html body .nav-games-panel-v156{background:#28547d!important;border-color:var(--v307-line)!important}
/* All frequently visible surfaces must have blue depth, never pure black plates. */
html body #page-upgrader.v302-upgrader,html body #page-cases,
html body .content,html body .main,html body #page-shop{background:transparent!important}
html body #page-upgrader.v302-upgrader .v302-head{background:#2a577f!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-stage{background:#285780!important;border:0!important;box-shadow:none!important;gap:19px!important}
html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot{
 background:#32618a!important;border:0!important;border-top:0!important;box-shadow:none!important;border-radius:18px!important
}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,
html body #page-upgrader.v302-upgrader .v302-slot #toSlot{
 background:#285780!important;background-image:none!important;
 border:0!important;outline:0!important;box-shadow:inset 0 1px 4px rgba(12,44,75,.11)!important;
 border-radius:14px!important;position:relative!important;overflow:hidden!important;
}
/* Explicitly no purple outline on selected panels or empty slots. */
html body #page-upgrader.v302-upgrader .v302-slot:first-child,
html body #page-upgrader.v302-upgrader .v302-slot:last-child,
html body #page-upgrader.v302-upgrader #fromSlot:focus,
html body #page-upgrader.v302-upgrader #toSlot:focus{border-top:0!important;outline:0!important}
html body #page-upgrader.v302-upgrader .v302-scroll-pick{
 background:#3b729d!important;color:#f3faff!important;border:0!important;
 border-radius:10px!important;box-shadow:none!important;min-height:39px!important;
}
html body #page-upgrader.v302-upgrader .v302-scroll-pick:hover{background:#5087b0!important}
/* Make empty-state art reliable regardless of which old render function populated the slot. */
#page-upgrader.v302-upgrader #toSlot .slot-empty::before{
 content:''!important;display:block!important;width:170px!important;height:98px!important;flex-shrink:0!important;
 background:url('/assets/v305/pistol.svg') center/contain no-repeat!important;
 filter:brightness(1.9) saturate(.7) drop-shadow(0 7px 16px rgba(22,68,99,.18))!important;
 opacity:.87!important;
}
#page-upgrader.v302-upgrader #fromSlot .slot-empty::before{
 content:''!important;display:block!important;width:108px!important;height:90px!important;flex-shrink:0!important;
 background:url('/assets/v307/bag.svg') center/contain no-repeat!important;
 opacity:.82!important;
}
#page-upgrader.v302-upgrader #fromSlot .slot-q-v64,
#page-upgrader.v302-upgrader #toSlot .slot-q-v64{display:none!important}
#page-upgrader.v302-upgrader .slot-empty{min-height:150px!important;position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important}
#page-upgrader.v302-upgrader .slot-empty-copy{position:static!important;text-align:center!important;color:#d0e8fa!important;font-size:11px!important}
/* Multiplier row, chance controls and cash slider: remove dark strips all the way down. */
html body #page-upgrader.v302-upgrader .v302-control-area,
html body #page-upgrader.v302-upgrader .v302-toolbar,
html body #page-upgrader.v302-upgrader .v302-extra,
html body #page-upgrader.v302-upgrader .upgrade-toolbar,
html body #page-upgrader.v302-upgrader .tools,
html body #page-upgrader.v302-upgrader #presetBar,
html body #page-upgrader.v302-upgrader .upgrade-toolbar-note,
html body #page-upgrader.v302-upgrader #upgradeCashBox,
html body #page-upgrader.v302-upgrader .cash-stake-v75,
html body #page-upgrader.v302-upgrader .v302-control-area>*{
 background:#295983!important;background-image:none!important;border:0!important;
 box-shadow:none!important;border-radius:14px!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar input,
html body #page-upgrader.v302-upgrader .v302-extra input,
html body #page-upgrader.v302-upgrader #presetBar button,
html body #page-upgrader.v302-upgrader .tools .preset,
html body #page-upgrader.v302-upgrader .v302-extra button,
html body #page-upgrader.v302-upgrader .cash-reset-v75{
 background:#366e9b!important;color:#f1faff!important;
 border:0!important;outline:0!important;box-shadow:none!important;border-radius:8px!important;
}
html body #page-upgrader.v302-upgrader #presetBar button.active,
html body #page-upgrader.v302-upgrader #presetBar button:hover{background:#4a89b4!important;color:#fff!important}
html body #page-upgrader.v302-upgrader .v302-section-heading,
html body #page-upgrader.v302-upgrader .v302-panels,
html body #page-upgrader.v302-upgrader .v302-panels .panel,
html body #page-upgrader.v302-upgrader .v302-panels .panel-head,
html body #page-upgrader.v302-upgrader .v302-panels .catalog-toolbar,
html body #page-upgrader.v302-upgrader #catalogGrid,
html body #page-upgrader.v302-upgrader #inventoryGrid{
 background:#285780!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html body #page-upgrader.v302-upgrader .v302-panels .panel-head{background:#32648b!important}
/* Price is typography, NOT a framed label or pill. */
html body #page-upgrader .car-price,
html body #page-shop .car-price,
html body #page-shop .shop-price,
html body #caseCatalogHomeV215 .case-preview-bottom-v214 strong{
 display:inline-block!important;background:transparent!important;background-image:none!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 color:#c3fff0!important;font:800 14px/1.35 'JetBrains Mono',ui-monospace,monospace!important;
 letter-spacing:-.35px!important;padding:0!important;border-radius:0!important;
}
html body #catalogGrid .car,html body #page-shop .shop-item,
html body #page-upgrader .quality-card-v190{
 background:#32628b!important;border:0!important;outline:0!important;box-shadow:none!important;
 border-radius:13px!important;
}
html body #catalogGrid .car-img,html body #page-shop .car-img{
 background:transparent!important;border:0!important;outline:0!important;
 box-shadow:none!important;
}
html body #catalogGrid .car-img img,html body #page-shop .car-img img{background:transparent!important;filter:drop-shadow(0 9px 13px rgba(16,54,80,.2))!important}
html body #catalogGrid .car-name,html body #page-shop .car-name{color:#f3faff!important}
/* No thick outline around case cards, imagery, heading, case prices. */
html body #caseCatalogHomeV215,html body #page-cases .case-catalog-v214,
html body #page-cases .case-catalog-head-v214{background:transparent!important;box-shadow:none!important;border:0!important}
html body #caseCatalogHomeV215 .case-preview-v214{
 background:rgba(71,127,169,.29)!important;background-image:none!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 border-radius:18px!important;backdrop-filter:blur(3px)!important;
 transition:background .22s ease,transform .22s ease!important;
}
html body #caseCatalogHomeV215 .case-preview-v214:hover{background:rgba(94,154,192,.40)!important;transform:translateY(-2px)!important;box-shadow:none!important}
html body #caseCatalogHomeV215 .case-preview-top-v214,html body #caseCatalogHomeV215 .case-preview-bottom-v214,
html body #caseCatalogHomeV215 .case-preview-art-v214,
html body #caseCatalogHomeV215 .case-preview-art-v214::before,
html body #caseCatalogHomeV215 .case-preview-art-v214::after,
html body #caseCatalogHomeV215 .case-preview-art-v214 img{
 background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
html body #caseCatalogHomeV215 .case-preview-art-v214 img{
 opacity:1!important;visibility:visible!important;object-fit:contain!important;
 filter:drop-shadow(0 13px 17px rgba(19,57,84,.22))!important;
}
html body #page-cases .case-catalog-head-v214 h1,
html body #page-cases .case-catalog-head-v214 p,
html body #caseCatalogHomeV215 .case-preview-top-v214 b{
 text-shadow:none!important;outline:0!important;-webkit-text-stroke:0 transparent!important;
}
html body #caseCatalogHomeV215 .case-preview-bottom-v214{border-top:1px solid rgba(168,210,241,.1)!important}
html body #caseCatalogHomeV215 .case-catalog-head-v214 em{background:rgba(62,124,169,.22)!important;border:0!important}
/* Scrollable catalog, no visual cut-off and large black slab. */
html body #page-upgrader.v302-upgrader #catalogGrid{scrollbar-color:#5c94bc #285780!important}
html body #page-upgrader.v302-upgrader #catalogGrid>.car{min-height:176px!important}
html body .v305-auth-progress{background:#32638c!important;border:0!important;color:#e2f4ff!important}
@media (max-width:800px){html body #page-upgrader.v302-upgrader .v302-stage{gap:12px!important}html body #page-upgrader.v302-upgrader .v302-slot{padding:16px!important}html body #caseCatalogHomeV215 .case-preview-v214{backdrop-filter:none!important}}