.account-notification-list .notification-pagination button:not(.account-page-arrow){color:#e3e3e7;cursor:pointer;background:#242424;border:1px solid #ffffff1c;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.account-notification-list button:disabled{opacity:.4;cursor:default}.notification-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notification-card{overflow-wrap:anywhere;border-radius:11px;padding:13px 14px}.notification-card,.notification-preview,.notification-color-option{border:1px solid color-mix(in srgb, var(--notification-accent,#edc66e) 24%, #ffffff10);border-left:3px solid var(--notification-accent,#edc66e);background:color-mix(in srgb, var(--notification-accent,#edc66e) 8%, #1c1c1e)}.notification-category{color:color-mix(in srgb, var(--notification-accent,#edc66e) 45%, #fff);font-weight:600}.notification-card small{color:#a7a7b0;font-size:10px;line-height:1.6;display:block}.account-notification-list .notification-card h3{color:#f1f1f3;margin:7px 0 5px;font-size:14px;line-height:1.35}.account-notification-list .notification-card p{color:#c3c3ca;margin:0 0 9px;font-size:12px;line-height:1.6}.notification-card :is(a,.notification-action){color:#eee;cursor:pointer;background:#ffffff08;border:0;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.notification-card :is(a,.notification-action):hover{background:#ffffff16}.notification-card[role=status]{margin-bottom:10px}.account-notification-list .notification-pagination{flex-direction:row;justify-content:center;align-items:center;gap:5px;margin-top:18px;display:flex}.account-notification-list .notification-pagination button:not(.account-page-arrow){flex:none;min-width:32px;margin:0}.account-notification-list .notification-pagination button:before{display:none}.account-notification-list .notification-pagination button[aria-current=page]{color:#fff;background:#b82330;border-color:#e43b4a}.notification-settings-bar{background:#191919;border:1px solid #ffffff18;border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:22px;padding:20px;display:flex}.notification-settings-bar label{max-width:180px}.notification-settings-bar p{color:#aaa;flex:260px;font-size:13px;line-height:1.6}.notification-filter{max-width:300px;margin-bottom:16px}.notification-color-settings{border:0;min-width:0;margin:0 0 20px;padding:0}.notification-color-settings legend{padding:0;font-size:14px;font-weight:600}.notification-color-settings>p{color:#aaa;margin:6px 0 10px;font-size:12px}.notification-color-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.notification-editor .notification-color-option{color:#eee;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:12px;display:flex}.notification-color-option small{color:#aaa;margin-top:3px;font-size:10px;display:block}.notification-editor .notification-color-option input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:6px;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:2px}.notification-template{border:1px solid #ffffff16;border-radius:12px;margin-top:10px;overflow:hidden}.notification-editor .notification-template-toggle{text-align:left;color:#eee;background:#1c1c1c;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;display:flex}.notification-template-toggle strong{font-size:14px}.notification-template-toggle small{color:#999;margin-top:4px;font-size:11px;display:block}.notification-template-body{padding:0 18px 20px}.notification-template-body>p{color:#aaa;font-size:13px;line-height:1.6}.notification-template-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.notification-template-fields{gap:14px;display:grid}.notification-template-fields label,.notification-settings-bar label,.notification-filter{gap:7px;font-size:13px;display:grid}.notification-template-fields textarea{resize:vertical;min-height:110px}.notification-template-fields input,.notification-template-fields textarea,.notification-template-fields select{box-sizing:border-box;width:100%}.notification-preview{overflow-wrap:anywhere;border-radius:11px;padding:13px 14px}.notification-preview small{color:#999;font-size:11px;display:block}.notification-preview h3{color:#eee;margin:7px 0 5px;font-size:14px;line-height:1.35}.notification-preview p{color:#ccc;margin:0 0 9px;font-size:12px;line-height:1.6}.notification-preview>span{background:#ffffff0c;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:inline-block}@media (max-width:700px){.notification-template-columns,.notification-color-options{grid-template-columns:1fr}}
