/* SB-WEB-0006 · Notification Settings */
.settings-hub-grid { display:grid; gap:14px; margin-bottom:18px; }
.settings-notification-card .settings-category-icon { background:#eef9f6; color:#087f69; }
.notification-settings-head { align-items:flex-start; gap:18px; }
.notification-settings-head p { margin:6px 0 0; color:#6d7788; max-width:760px; }
.notification-settings-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:18px; align-items:start; }
.notification-email-card,.notification-push-card,.notification-save-card { padding:22px; }
.notification-card-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:18px; }
.notification-card-heading h2 { margin:0; font-size:20px; }
.notification-card-heading p { margin:4px 0 0; color:#6d7788; }
.notification-card-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#eef5ff; font-size:22px; }
.master-switch { border:1px solid #dfe8f4; background:#f7faff; border-radius:14px; padding:14px; margin-bottom:16px; }
.master-switch span { display:grid; gap:3px; }
.master-switch small { color:#6d7788; font-weight:400; }
.notification-email-field { display:grid; gap:7px; margin:16px 0; font-weight:700; }
.notification-email-field input { width:100%; }
.notification-email-field small { color:#6d7788; font-weight:400; }
.verification-status { display:flex; gap:12px; align-items:flex-start; border-radius:14px; padding:13px 14px; margin-bottom:16px; }
.verification-status > span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; font-weight:900; }
.verification-status strong { display:block; }
.verification-status p { margin:3px 0 0; font-size:13px; }
.verification-status.verified { background:#edf9f2; color:#17613b; }
.verification-status.verified > span { background:#d7f1e2; }
.verification-status.pending { background:#fff8e6; color:#835c00; }
.verification-status.pending > span { background:#fcebb6; }
.notification-preference-list { display:grid; gap:8px; }
.notification-preference-list .switch-row { border:1px solid #e7ebf1; border-radius:13px; padding:12px 13px; }
.notification-email-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.notification-push-card { min-height:100%; }
.notification-premium-lock { margin-top:8px; }
.notification-save-card { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.notification-save-card p { margin:4px 0 0; color:#6d7788; }
@media (max-width:900px){ .notification-settings-grid{grid-template-columns:1fr;} .notification-save-card{grid-column:auto;} }
@media (max-width:640px){ .notification-settings-head{display:grid;} .notification-settings-head .button{width:100%;} .notification-email-actions{display:grid;} .notification-email-actions .button{width:100%;} .notification-save-card{display:grid;} .notification-save-card .button{width:100%;} }
.ad-banner-area{display:grid;gap:14px;margin:0 0 20px}.ad-banner{display:flex;align-items:center;gap:16px;padding:16px 18px;background:white;border:1px solid #dfe8f4;border-radius:16px;text-decoration:none;color:#182230;box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden}.ad-banner:hover{border-color:#b8d4f5;box-shadow:0 6px 18px rgba(0,0,0,.07)}.ad-banner img{width:120px;height:72px;object-fit:cover;border-radius:12px;flex-shrink:0}.ad-banner strong{font-size:16px}.ad-banner:not(:has(img)){justify-content:center;text-align:center;min-height:72px}@media(max-width:640px){.ad-banner{padding:12px}.ad-banner img{width:92px;height:60px}.ad-banner strong{font-size:14px}}
.ad-banner-area .ad-banner{width:100%;min-height:96px}.ad-banner-area .ad-banner:not(:has(img)){background:linear-gradient(135deg,#eff6ff,#ffffff);font-size:18px;padding:22px 28px}
