/* privacy and notification settings */
.container { min-height: 100vh; background: #F5F5F7; }


.subpage-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px;
  background: #fff; border-bottom: 1px solid #E5E5EA;
  position: sticky; top: 0; z-index: 10;
}
.back-btn { color: #4A90D9; font-size: 15px; font-weight: 500; }
.sp-title { font-size: 17px; font-weight: 700; color: #1D1D1F; letter-spacing: -0.3px; }


.toggle-setting-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 12px; background: #fff;
  border-bottom: 1px solid #F5F5F7;
}
.ts-left { flex: 1; margin-right: 8px; }
.ts-h4 { font-size: 15px; font-weight: 600; color: #1D1D1F; display: block; margin-bottom: 2px; }
.ts-p { font-size: 12px; color: #86868B; }
.ts-value { font-size: 14px; font-weight: 800; color: #D9826B; }


.notif-tip-card {
  display: flex; align-items: center; gap: 7px;
  margin: 16px 12px; padding: 11px 12px;
  background: rgba(74,144,217,0.06); border-radius: 8px;
}
.tip-icon { font-size: 15px; flex-shrink: 0; }
.tip-text { font-size: 12.5px; color: #86868B; line-height: 1.6; }


.container{min-height:100vh;background:linear-gradient(180deg,#FFF8F1,#F8F3EF)}
.subpage-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:rgba(255,250,246,.96);position:sticky;top:0;z-index:10;border-bottom:0.5px solid #F0DDD2}
.back-btn{font-size:14px;color:#D9826B;font-weight:800}
.sp-title{font-size:16px;font-weight:900;color:#3B2A25}
.content-card{margin:10px 12px 24px;padding:17px 14px;border-radius:17px;background:#fff;border:0.5px solid #F0DDD2;box-shadow:0 8px 17px rgba(140,84,58,.08)}
.card-title{display:block;margin-bottom:15px;text-align:center;font-size:20px;font-weight:950;color:#3B2A25}
.sec{margin-bottom:15px}
.sec-title{display:flex;align-items:center;margin-bottom:6px;font-size:15px;font-weight:950;color:#3B2A25}
.num{width:22px;height:22px;line-height:22px;margin-right:7px;text-align:center;border-radius:50%;background:#D9826B;color:#fff;font-size:11px;font-weight:900}
.sec-text{display:block;font-size:13.5px;line-height:1.85;color:#5A3B31}
.contact-box{margin-top:17px;padding:14px;border-radius:14px;background:#FFF8F1;border:0.5px solid #F0DDD2}
.cb-title{display:block;font-size:15px;font-weight:950;color:#3B2A25}
.cb-desc{display:block;margin-top:5px;font-size:12.5px;line-height:1.6;color:#8A746B}
.cb-row{margin-top:6px;font-size:12.5px;color:#5A3B31}


.toggle-setting-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 13px 12px; background: #fff;
  border-bottom: 1px solid #F5F5F7;
}
.ts-left {
  display: flex; align-items: center; gap: 8px;
  flex: 1; margin-right: 8px;
}
.ts-icon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; flex-shrink: 0;
}
.ts-icon.blue { background: rgba(74,144,217,0.10); }
.ts-icon.green { background: rgba(74,222,128,0.10); }
.ts-icon.purple { background: rgba(175,82,222,0.10); }
.ts-text { flex: 1; }
.ts-h4 { font-size: 15px; font-weight: 600; color: #1D1D1F; display: block; margin-bottom: 1px; }


.privacy-notice {
  margin: 16px 12px; padding: 14px 12px;
  background: linear-gradient(135deg, rgba(102,126,234,0.06), rgba(118,75,162,0.06));
  border-radius: 10px; border: 1px solid rgba(102,126,234,0.08);
}
.pn-title { font-size: 14px; font-weight: 700; color: #667eea; display: block; margin-bottom: 6px; }
.pn-text { font-size: 12.5px; color: #86868B; line-height: 1.75; }


.clear-cache-btn {
  display: block; margin: 16px 12px; width: auto; height: 42px; line-height: 42px;
  border: 1px solid #E5E5EA; border-radius: 10px;
  background: transparent; color: #86868B; font-size: 14.5px; text-align: center;
}
.clear-cache-btn::after { border: none; }
.clear-cache-btn:active { background: #F5F5F7; }