/* OneScene UX16 – account notifications visual polish only.
   The inputs and their onChange / server-backed state are owned by UX15 React. */
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-page {
  width:100%; max-width:none; min-width:0;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-shell {
  display:block; width:100%; max-width:none; min-width:0;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-main {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(205px, .43fr) minmax(0, 1fr);
  column-gap:28px;
  align-items:start;
  width:100%; max-width:1120px;
  min-height:0 !important; max-height:none;
  margin:0; padding:26px 28px !important;
  border:1px solid rgba(217,161,87,.16);
  border-radius:18px;
  background:radial-gradient(ellipse at 0% 0%,rgba(123,69,34,.18),transparent 60%),linear-gradient(135deg,#211711,#120e0c 85%);
  box-shadow:0 16px 40px #0005,inset 0 1px rgba(255,229,183,.05);
  overflow:visible;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-head {
  align-self:stretch;
  padding:12px 24px 12px 0;
  border-bottom:0;
  border-right:1px solid rgba(229,186,128,.14);
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-head > span {
  display:block; color:#d3a05a; font-size:11px; font-weight:750;
  letter-spacing:.12em; text-transform:uppercase;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-head h2 {
  margin:10px 0 0; font:400 clamp(26px,2.2vw,32px)/1.16 Georgia,serif;
  letter-spacing:-.02em; color:#f2dfca;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows {
  display:grid; gap:9px; margin:0;
  min-width:0;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label {
  box-sizing:border-box;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-width:0; min-height:66px;
  margin:0; padding:13px 17px;
  cursor:pointer;
  color:#eadac8;
  background:rgba(9,8,7,.28);
  border:1px solid rgba(225,177,110,.13);
  border-radius:12px;
  transition:background-color .16s,border-color .16s;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label:last-child {
  border-bottom:1px solid rgba(225,177,110,.13);
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label:hover {
  background:rgba(154,103,53,.10);
  border-color:rgba(225,177,110,.30);
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label:has(input:checked) {
  border-color:rgba(220,159,70,.28);
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label > span {
  min-width:0; flex:1 1 auto;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label b {
  font-size:15px; line-height:1.4; font-weight:600;
  color:#efe1d0;
}
/* Restore the native custom-switch track dimensions from the site's account system.
   UX15 mistakenly set width/height to 20px while ::after still slid 20px. */
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"] {
  box-sizing:border-box;
  appearance:none; -webkit-appearance:none;
  display:inline-block; flex:0 0 48px;
  position:relative;
  width:48px !important; min-width:48px; max-width:48px;
  height:27px !important; min-height:27px; max-height:27px;
  padding:0; margin:0;
  border:1px solid rgba(237,195,131,.24);
  border-radius:99px;
  background:#41372f;
  cursor:pointer;
  vertical-align:middle;
  accent-color:auto;
  transition:background-color .16s,border-color .16s;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]::after {
  content:"";
  box-sizing:border-box;
  position:absolute; top:3px; left:3px;
  width:19px; height:19px;
  border-radius:50%; background:#d7c7b4;
  box-shadow:0 1px 4px #0008;
  transform:translateX(0);
  transition:transform .16s,background-color .16s;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]:checked {
  border-color:rgba(249,190,98,.5);
  background:#94622e;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]:checked::after {
  background:#ffe3ad;
  transform:translateX(20px);
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label:focus-within {
  outline:2px solid rgba(230,176,93,.65); outline-offset:2px;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]:focus-visible {
  outline:2px solid #e7b66d; outline-offset:3px;
}
.r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]:disabled {
  opacity:.55; cursor:progress;
}
@media(max-width:880px){
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-main {
   grid-template-columns:minmax(0,1fr); row-gap:18px;
   max-width:760px; padding:22px !important;
 }
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-head {
   padding:0 0 13px; border-right:0; border-bottom:1px solid rgba(229,186,128,.14);
 }
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-head h2 {margin-top:5px;}
}
@media(max-width:480px){
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-main {
   padding:17px 14px !important; border-radius:14px; row-gap:13px;
 }
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label {
   padding:12px 13px; gap:10px; min-height:64px;
 }
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label b {font-size:14px;}
}
@media(prefers-reduced-motion:reduce){
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows > label,
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"],
 .r18-account-hub[data-r18-account-hub="tabs-v3-notifications"] #r18-account-panel-notifications .pv3-settings115-rows input[type="checkbox"]::after {transition:none;}
}