/* Component styles extracted from Blade views. */

/* resources/views/livewire/shared/notifications-component.blade.php */
.notification-preferences{background:#fff}.notification-preferences-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid #e3e8ef;background:#f8fafc}.notification-preferences-intro span{color:#0c7ce6;font-size:11px;font-weight:800;text-transform:uppercase}.notification-preferences-intro h4{margin:5px 0;color:#17263f;font-size:20px}.notification-preferences-intro p{max-width:760px;margin:0;color:#69778b;line-height:1.55}.notification-preference-list{padding:0 24px}.notification-preference-row{display:grid;grid-template-columns:minmax(230px,1fr) auto;align-items:center;gap:24px;padding:19px 0;border-bottom:1px solid #e8edf3}.notification-preference-row:last-child{border-bottom:0}.notification-preference-row strong,.notification-preference-row small{display:block}.notification-preference-row strong{color:#1d2c46;font-size:15px}.notification-preference-row small{margin-top:5px;color:#7d899a}.notification-preference-channels{display:flex;flex-wrap:wrap;gap:8px}.notification-channel-toggle{margin:0!important;cursor:pointer}.notification-channel-toggle input{position:absolute;opacity:0;pointer-events:none}.notification-channel-toggle span{display:inline-flex;align-items:center;gap:8px;min-width:92px;padding:9px 12px;border:1px solid #d7dfe9;background:#fff;color:#637086;font-size:12px;font-weight:700}.notification-channel-toggle input:checked+span{border-color:#1684e5;background:#eaf5ff;color:#086fca}.notification-channel-toggle input:focus-visible+span{outline:2px solid #1684e5;outline-offset:2px}@media(max-width:700px){.notification-preferences-intro{align-items:flex-start;flex-direction:column}.notification-preference-row{grid-template-columns:1fr}.notification-preference-channels{justify-content:flex-start}}