#main-content.mobile-app .notification-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
#main-content.mobile-app .notification-page-heading h1{margin:0}
#main-content.mobile-app .notification-settings{margin:0;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
.notification-settings form{margin:0}
#main-content.mobile-app .notification-settings .notification-mode-select{display:block;box-sizing:border-box;width:108px!important;height:30px!important;min-height:30px!important;margin:0;padding:3px 26px 3px 6px!important;appearance:none!important;border:1px solid var(--app-line);border-radius:4px;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%2310233f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:14px 14px!important;color:var(--app-text);font-family:inherit;font-size:12px!important;font-weight:500;line-height:20px;box-shadow:none}
.notification-settings .notification-mode-select:focus-visible{outline:2px solid var(--app-blue-dark);outline-offset:2px}
.notification-settings .notification-mode-select:disabled{opacity:.6;cursor:wait}
.notification-settings .notification-mode-status{display:none;margin:4px 0 0;max-width:200px;font-size:12px;line-height:1.5;text-transform:none;letter-spacing:normal}
.notification-settings .notification-mode-status.is-error{display:block;color:var(--app-red)}
#main-content.mobile-app .notification-settings [data-enable-push]{width:auto!important;min-height:30px;margin-top:6px;padding:4px 8px;font-size:12px;line-height:20px;background:transparent;color:var(--app-blue-dark);border-color:var(--app-blue-dark)}
.notification-settings [hidden]{display:none!important}
#main-content.mobile-app .notification-bulk-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
#main-content.mobile-app .notification-bulk-tools form{margin:0}
#main-content.mobile-app .notification-select-all{display:flex;align-items:center;gap:7px;margin:0;color:var(--app-text);font-size:12px;font-weight:500;line-height:20px;cursor:pointer}
#main-content.mobile-app .notification-select-all[hidden]{display:none!important}
#main-content.mobile-app :is(.notification-select-all,.notification-item-select) input{appearance:auto;width:16px;height:16px;min-height:0;flex:none;margin:0;padding:0;accent-color:var(--app-blue-dark);cursor:pointer}
#main-content.mobile-app .notification-bulk-delete{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:30px;margin:0;padding:4px 8px;border:1px solid var(--app-red);border-radius:4px;background:transparent;color:var(--app-red);font-family:inherit;font-size:12px;font-weight:500;line-height:20px;box-shadow:none;cursor:pointer}
#main-content.mobile-app .notification-bulk-delete svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#main-content.mobile-app .notification-bulk-delete:disabled{opacity:.45;cursor:default}
#main-content.mobile-app .notification-bulk-delete:focus-visible{outline:2px solid var(--app-red);outline-offset:2px}
#main-content.mobile-app .notification-selectable{display:grid;grid-template-columns:36px minmax(0,1fr)}
#main-content.mobile-app .notification-item-select{grid-column:1;grid-row:1;display:grid;place-items:center;align-self:start;margin:20px 0 0 14px;cursor:pointer}
#main-content.mobile-app .notification-selectable .notification-card{grid-column:2;padding-left:8px}
#main-content.mobile-app .notification-selectable .notification-delete{grid-column:2}
#main-content.mobile-app .notification-selectable.is-selected{border-color:var(--app-blue-dark)}
@media(max-width:520px){#main-content.mobile-app .notification-item-select{margin-top:18px}}
@supports (appearance:base-select){
    @media(min-width:761px){
        #main-content.mobile-app .notification-settings .notification-mode-select{appearance:base-select!important;display:flex;align-items:center;justify-content:space-between}
        .notification-settings .notification-mode-select::picker-icon{display:none}
        .notification-settings .notification-mode-select::picker(select){appearance:base-select;background:#fff;border:1px solid var(--app-line);border-radius:4px;padding:4px;margin-block-start:5px;box-shadow:0 6px 18px rgb(16 35 63 / .12);color:var(--app-text)}
        .notification-settings .notification-mode-select option{display:flex;align-items:center;gap:8px;min-height:30px;padding:6px 8px;border-radius:4px;font:inherit;line-height:18px;background:#fff;color:var(--app-text);cursor:pointer}
        .notification-settings .notification-mode-select option:is(:hover,:focus-visible){background:var(--app-bg);outline:none}
        .notification-settings .notification-mode-select option:checked{font-weight:600}
        .notification-settings .notification-mode-select option::checkmark{order:1;margin-left:auto;color:var(--app-green)}
    }
}