/* HOSTING V46 — light-only depth system inspired by Admin V44.
   Loaded last, after Tailadmin / Facebook typography.  Exactly one frame per tab.
   No markup, SEO routes, theme scripts, popover or API semantics are changed. */
html[data-hm-theme="light"] body.hm-body.hm-member{
  --hm-elev-bg:#f5f7fb;
  --hm-elev-panel:#ffffff;
  --hm-elev-line:#e2e9f3;
  --hm-elev-rule:#e9eef5;
  --hm-elev-soft:#f8faff;
  --hm-elev-shadow:0 3px 8px rgba(29,49,83,.035),0 10px 28px rgba(25,49,90,.085);
  --hm-elev-shadow-sm:0 2px 6px rgba(27,54,91,.035),0 6px 16px rgba(27,54,91,.07);
  --hm-elev-hover:0 5px 13px rgba(28,52,90,.05),0 12px 24px rgba(28,52,90,.10);
  background:var(--hm-elev-bg)!important;
}
/* Sidebar and toolbar each sit on a distinct white elevation. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-sidebar{
  background:var(--hm-elev-panel)!important;
  border-color:var(--hm-elev-line)!important;
  box-shadow:4px 0 22px rgba(25,49,90,.09),0 4px 14px rgba(25,49,90,.035)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-header.hm-header-logged{
  background:#fff!important;
  border-bottom-color:var(--hm-elev-line)!important;
  box-shadow:0 3px 13px rgba(31,53,91,.055)!important;
}
/* Outer tab = exactly one rounded frame, with title divider; no second frame added. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main > main.hm-unified-page,
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-market,
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main > main.hm-public-info > .hm-public-info-sheet{
  background:var(--hm-elev-panel)!important;
  border:1px solid var(--hm-elev-line)!important;
  border-radius:14px!important;
  box-shadow:var(--hm-elev-shadow)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main > main.hm-unified-page > :is(.hm-unified-head,header.hm-unified-head),
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-market > .hm-market-heading,
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-public-info-sheet > .hm-public-info-heading{
  background:#fff!important;
  border-bottom:1px solid var(--hm-elev-rule)!important;
  box-shadow:none!important;
}
/* Consistent breathing room below outer titles, kept compact like Admin V44. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-market .hm-category-bar{
  background:var(--hm-elev-soft)!important;
  border-color:var(--hm-elev-line)!important;
}
/* Category cards: title belongs to same card, followed by one divider. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-category-panel{
  background:#fff!important;
  border-color:var(--hm-elev-line)!important;
  border-radius:12px!important;
  box-shadow:var(--hm-elev-shadow-sm)!important;
  overflow:hidden;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-category-panel-heading{
  background:#fff!important;
  border-bottom:1px solid var(--hm-elev-rule)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-category-panel-content{
  background:#fafcff!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-category-panel .hm-product-row{
  background:#fff!important;
  border-color:var(--hm-elev-line)!important;
  box-shadow:0 2px 8px rgba(29,51,85,.045)!important;
  transition:box-shadow .16s ease,border-color .16s ease;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-category-panel .hm-product-row:hover{
  border-color:#cad8ee!important;box-shadow:var(--hm-elev-hover)!important;
}
/* Forms, wallet, order history, security, individual info cards.  Exclude wrappers
   that are intentionally already inside the unified tab frame. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(
  .commerce-card,.detail-surface,.hm-device-security-panel,.hm-trusted-device-card,
  .hm-login-history-entry,.account-upgrade-card,
  .hm-notice-item,.hm-news-list-item){
  background-color:#fff!important;
  border-color:var(--hm-elev-line)!important;
  box-shadow:var(--hm-elev-shadow-sm)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(
  .commerce-card,.detail-surface,.hm-device-security-panel,.hm-trusted-device-card,
  .hm-login-history-entry,.account-upgrade-card){
  border-radius:12px!important;
}
/* News lives inside .hm-unified-page; do NOT elevate .hm-news-alone, which
   would create the double-frame problem seen in early Admin versions. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-alone{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-news-list-item{
  border:1px solid var(--hm-elev-line)!important;border-radius:12px!important;
  padding:12px!important;margin-bottom:10px!important;
  box-shadow:var(--hm-elev-shadow-sm)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-news-list-item:hover{
  box-shadow:var(--hm-elev-hover)!important;
}
/* Account: summary strip is a single raised metric row, and sections are
   separated by the existing rules, rather than a second enclosing border. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .account-v2 .account-summary-strip{
  border:1px solid var(--hm-elev-line)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:var(--hm-elev-shadow-sm)!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .account-v2 .account-shell-single .account-forms{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .account-v2 .account-shell-single .account-panel{
  background:#fff!important;
  border-top-color:var(--hm-elev-rule)!important;
  box-shadow:none!important;
}
/* Product statistics / count surfaces: no colored vertical accent stripes. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .account-upgrade-stat{
  border-color:var(--hm-elev-line)!important;
  box-shadow:0 2px 7px rgba(27,50,89,.045)!important;
}
/* V46 — Keep small informational rows flat, not raised cards.
   The PRODUCT card and the SUPPORT parent frame remain elevated.
   Preserve existing stock/sold dividers, contact row separators and icon fills. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric{
  box-shadow:none!important;
  border-radius:0!important;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-public-info-sheet .hm-support-method{
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
}
/* Article body: one inner reading surface, not an extra empty outer frame. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-reading-page > .reading-card{
  border-color:var(--hm-elev-line)!important;box-shadow:var(--hm-elev-shadow-sm)!important;
}
/* Buttons, table and dialogs gain modest feedback without resizing the UI. */
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(
  .button,.hm-v36-action,.hm-category-chip,.hm-row-view,.hm-row-buy,
  .hm-support-action,.hm-category-panel-link){
  transition:box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(
  .button,.hm-v36-action,.hm-row-view,.hm-row-buy):not(:disabled):hover{
  box-shadow:0 4px 12px rgba(24,75,143,.13);
}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(.commerce-table-wrap,.data-table-wrap){
  border-color:var(--hm-elev-line)!important;border-radius:10px!important;
}
html[data-hm-theme="light"] body.hm-body :is(dialog[open],.modal.is-open,.hm-dialog.is-open){
  box-shadow:0 18px 50px rgba(25,45,81,.22)!important;
}
/* Auth (guest) uses its existing two-column layout, with a gentle overall lift. */
html[data-hm-theme="light"] body.hm-body.hm-guest .hm-auth-page{
  box-shadow:0 10px 30px rgba(30,49,83,.10)!important;
}
/* The existing notification and account overlays are already matched to each
   other and remain untouched; do not add extra shadow to nested popovers. */
@media(max-width:760px){
  html[data-hm-theme="light"] body.hm-body.hm-member .hm-sidebar{
    box-shadow:0 4px 18px rgba(25,49,90,.075)!important;
  }
  html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main .hm-news-list-item{
    padding:10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-hm-theme="light"] body.hm-body.hm-member .hm-shell-main :is(.hm-product-row,.hm-v36-action,.hm-news-list-item){transition:none!important;}
}