/* RoVault V50 — pre-upload realism, light-mode, seller surfaces, and privacy polish */

/* Notification bell: center the icon optically without disturbing the unread badge. */
.notification-button{position:relative!important;display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.notification-button .v49-bell{width:17px;height:17px;margin:0!important;transform:translateY(.35px);transform-origin:50% 50%}
.notification-button:hover .v49-bell{transform:translateY(-.45px);stroke-width:1.8}
.notification-button[aria-expanded="true"] .v49-bell{transform:translateY(.35px) rotate(-5deg)}
.notification-button .notification-badge{line-height:1}

/* Buyer offers: empty should look like a quiet dashboard state, not a broken dropzone. */
.v34-seller-offers{padding:18px 20px!important;overflow:hidden}
.v34-seller-offers .panel-head{margin-bottom:0!important}
.v34-seller-offers .empty-inline{min-height:0!important;margin-top:13px!important;padding:15px 16px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface2)!important;color:var(--muted)!important;text-align:left!important;font-size:9.5px!important;line-height:1.45!important}
.v34-seller-offers .empty-inline:before{content:'No active offers';display:block;margin-bottom:3px;color:var(--text);font-size:10px;font-weight:780}
.v34-dashboard-offers article{min-height:64px}

/* Portfolio selling opportunities: readable market cards instead of compressed ticker rows. */
.v42-sell-opportunities{padding:19px 20px!important}
.v42-sell-opportunities .panel-head{align-items:flex-end;gap:16px}
.v42-sell-opportunities .panel-meta{font-size:8px;line-height:1.35;text-align:right}
.v42-opportunity-row{grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:10px!important;margin-top:14px!important}
.v42-opportunity-row>button{position:relative!important;min-height:94px!important;padding:12px!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;gap:8px 11px!important;border-radius:12px!important;align-items:center!important}
.v42-op-art{grid-row:1/3!important;width:58px!important;height:58px!important;border-radius:9px!important}
.v42-opportunity-row button>span:nth-child(2){align-content:center!important;gap:5px!important}
.v42-opportunity-row strong{font-size:10.5px!important;line-height:1.2!important}
.v42-opportunity-row small{font-size:8px!important;line-height:1.35!important;color:var(--muted)!important}
.v42-opportunity-row em{font-size:8px!important;line-height:1.3!important;color:var(--good)!important}
.v42-opportunity-row>button>i{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:end!important;font-size:8px!important;color:var(--muted)!important}

/* Owner-only Roblox connection privacy notice. */
.v50-private-identity{display:grid;gap:3px;margin:12px 0 2px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.v50-private-identity strong{font-size:9px}
.v50-private-identity span{color:var(--muted);font-size:8px;line-height:1.55}

/* Full light-mode audit. Keep the launch loader intentionally dark; unify the actual app. */
html[data-theme="light"] body:not(.landing-active){background:#f3f5f7!important;color:#15191e!important}
html[data-theme="light"] body:not(.landing-active)::before,html[data-theme="light"] body:not(.landing-active)::after{opacity:.18!important}
html[data-theme="light"] .topbar{background:rgba(249,250,251,.92)!important;border-color:#dde2e7!important;box-shadow:0 1px 0 rgba(25,31,38,.025)}
html[data-theme="light"] .brand-mark,html[data-theme="light"] .vault-mark{background:#15191e!important;color:#fff!important}
html[data-theme="light"] .icon-button,html[data-theme="light"] .profile-button,html[data-theme="light"] .balance-button,html[data-theme="light"] .admin-button{background:#fff!important;border-color:#dce1e6!important;color:#5d6672!important}
html[data-theme="light"] .icon-button:hover,html[data-theme="light"] .profile-button:hover,html[data-theme="light"] .balance-button:hover,html[data-theme="light"] .admin-button:hover{background:#f5f7f8!important;color:#15191e!important;border-color:#cbd2d9!important}
html[data-theme="light"] .notification-badge{background:#15191e!important;color:#fff!important;border-color:#f3f5f7!important}
html[data-theme="light"] .market-frame,html[data-theme="light"] .market-content,html[data-theme="light"] .standard-page,html[data-theme="light"] .market-page,html[data-theme="light"] main{background:transparent!important}
html[data-theme="light"] .panel,html[data-theme="light"] .product-card,html[data-theme="light"] .market-toolbar,html[data-theme="light"] .v31-market-filterbar,html[data-theme="light"] .v29-discovery-card,html[data-theme="light"] .rv28-item-hero,html[data-theme="light"] .rv28-item-metrics,html[data-theme="light"] .rv28-offers-panel,html[data-theme="light"] .rv28-sales-panel,html[data-theme="light"] .rv28-market-snapshot,html[data-theme="light"] .rv28-reference-card,html[data-theme="light"] .account-modal,html[data-theme="light"] .modal,html[data-theme="light"] .v34-seller-offers{background:#fff!important;border-color:#dfe4e8!important;box-shadow:none!important}
html[data-theme="light"] .product-card:hover,html[data-theme="light"] .panel:hover{border-color:#cfd5db}
html[data-theme="light"] .product-visual,html[data-theme="light"] .v29-discovery-art,html[data-theme="light"] .rv28-item-art,html[data-theme="light"] .verified-item-art,html[data-theme="light"] .v42-item-art,html[data-theme="light"] .v42-op-art{background:#f5f7f8!important}
html[data-theme="light"] .market-search,html[data-theme="light"] .view-switch,html[data-theme="light"] .category-chip,html[data-theme="light"] .v31-filter-control,html[data-theme="light"] select,html[data-theme="light"] input,html[data-theme="light"] textarea{background:#fff!important;border-color:#d9dfe5!important;color:#15191e!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#929aa4!important}
html[data-theme="light"] .category-chip.active,html[data-theme="light"] .view-button.active,html[data-theme="light"] .nav-link.active{background:#171b20!important;color:#fff!important;border-color:#171b20!important}
html[data-theme="light"] .nav-link:hover:not(.active){background:#eceff2!important;color:#15191e!important}
html[data-theme="light"] .v29-community-strip,html[data-theme="light"] .v37-discovery-section{background:transparent!important}
html[data-theme="light"] .card-price,html[data-theme="light"] .rv28-offer-row,html[data-theme="light"] .rv28-sales-table>div,html[data-theme="light"] .account-tabs,html[data-theme="light"] .verified-account-bar{border-color:#e1e5e9!important}
html[data-theme="light"] .v34-seller-offers .empty-inline,html[data-theme="light"] .v50-private-identity{background:#f7f8fa!important;border-color:#dfe4e8!important}
html[data-theme="light"] .footer.v46-footer{background:#eef1f4!important;border-color:#dbe0e5!important}
html[data-theme="light"] .footer button,html[data-theme="light"] .footer p,html[data-theme="light"] .footer small{color:#68717d!important}
html[data-theme="light"] .footer button:hover{color:#15191e!important}
html[data-theme="light"] .modal-backdrop{background:rgba(42,49,57,.34)!important;backdrop-filter:blur(8px)}
html[data-theme="light"] .profile-avatar{background:linear-gradient(145deg,#e6e9ed,#f8f9fa)!important;border-color:#d7dce2!important;color:#20262d!important}
html[data-theme="light"] .v42-opportunity-row>button{background:#fff!important;border-color:#dde2e7!important}
html[data-theme="light"] .v42-opportunity-row>button:hover{background:#f8f9fa!important;border-color:#cbd2d9!important}

@media(max-width:1200px){.v42-opportunity-row{grid-template-columns:repeat(2,minmax(210px,1fr))!important}}
@media(max-width:720px){.v34-seller-offers{padding:15px!important}.v42-opportunity-row{display:flex!important;overflow:auto!important}.v42-opportunity-row>button{min-width:260px!important}.v42-sell-opportunities{padding:16px!important}.v42-sell-opportunities .panel-head{align-items:flex-start;flex-direction:column}.v42-sell-opportunities .panel-meta{text-align:left}}


/* V51 follow-up polish: refine light mode, order spacing, and button rhythm. */
.notification-button .v49-bell{transform:translate(.2px,.1px)!important}
.notification-button:hover .v49-bell{transform:translate(.2px,-.35px)!important}
.notification-button[aria-expanded="true"] .v49-bell{transform:translate(.2px,.1px) rotate(-5deg)!important}

/* Make the light marketplace feel integrated instead of boxed-in. */
html[data-theme="light"] .browse-panel,
html[data-theme="light"] .browse-panel-clean,
html[data-theme="light"] .v37-market-hero,
html[data-theme="light"] .v37-discovery{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .browse-panel{padding:0 0 18px!important}
html[data-theme="light"] .browse-panel-head{padding:0 0 14px!important;margin-bottom:0!important}
html[data-theme="light"] .v31-filterbar{
  background:#fff!important;
  border:1px solid #dfe4e8!important;
  border-radius:16px!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
}
html[data-theme="light"] .v31-filterbar + .category-row,
html[data-theme="light"] #categoryRow{
  margin-top:12px!important;
  padding-top:0!important;
}
html[data-theme="light"] .v37-market-hero{padding-bottom:12px!important}
html[data-theme="light"] .v37-discovery-section,
html[data-theme="light"] .v29-community-strip{background:#fff!important;border:1px solid #dfe4e8!important;border-radius:16px!important}
html[data-theme="light"] .clean-listings-header,
html[data-theme="light"] .toolbar-actions{background:transparent!important}

/* Give transaction action areas and side rails more breathing room. */
.transaction-action-box{
  gap:12px!important;
  padding:18px 20px!important;
  align-items:stretch!important;
}
.transaction-action-box>.primary-button,
.transaction-action-box>.secondary-button,
.transaction-action-box>.danger-button,
.transaction-action-box>.text-button{min-height:42px}
.transaction-action-box .primary-button.full,
.transaction-action-box .secondary-button.full,
.transaction-action-box .text-button.full{width:100%}
.v32-action-buttons{gap:10px!important}
.transaction-action-copy{gap:6px!important}
.transaction-action-copy strong{line-height:1.25!important}
.transaction-action-copy span{line-height:1.55!important}

.payment-detail-panel,
.transaction-help-card,
.transaction-flow-panel,
.timeline-panel,
.chat-panel,
.trust-order-card{padding:22px 24px!important}
.payment-detail-grid{gap:11px!important}
.payment-detail-grid>div{padding:14px 16px!important}
.payment-address-cell{padding-right:16px!important}
.payment-address-cell code{line-height:1.65!important}
.demo-protection-note{margin-top:12px!important;padding:12px 14px!important;line-height:1.6!important}

.order-summary-v7,
.order-summary-v27,
.v32-order-summary{padding:20px 24px!important}
.order-price-block{padding-right:6px!important}
.v32-summary-deadline{padding-right:6px!important}
.order-item-large h1{line-height:1.08!important}
.order-item-large p{line-height:1.55!important}
.transaction-help-card>strong{line-height:1.35!important}
.transaction-help-card p{line-height:1.65!important}

/* Keep the recent sales values readable and believable in all themes. */
.rv28-sales-table>div,
.rv28-sales-panel .sales-row,
.recent-sales-row{padding-left:18px!important;padding-right:18px!important}

@media (max-width: 920px){
  .payment-detail-panel,
  .transaction-help-card,
  .transaction-flow-panel,
  .timeline-panel,
  .chat-panel,
  .trust-order-card,
  .order-summary-v7,
  .order-summary-v27,
  .v32-order-summary{padding:18px!important}
}