.sc-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;cursor:pointer}
.sc-notification-bell svg{display:block;flex:none}
.sc-notification-count{position:absolute;top:0;right:-3px;min-width:18px;height:18px;box-sizing:border-box;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#c2f812;color:#102443;font:700 10px/1 system-ui;border:2px solid var(--sc-surface,#fff);pointer-events:none}
.sc-notification-count[hidden]{display:none!important}
#page-notifications{max-width:1100px;width:100%;box-sizing:border-box;margin:0 auto}
.sc-events-heading{margin-bottom:24px}
.sc-events-actions,.sc-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
#scNotificationsContent button,#scCloudImportControls button{border:1px solid var(--sc-action-border,#30486e);border-radius:10px;padding:10px 16px;background:var(--sc-action-bg,#1c2c48);color:var(--sc-text,#edf3fb);font:inherit;cursor:pointer}
#scNotificationsContent button:hover,#scCloudImportControls button:hover{background:var(--sc-action-hover,#263b60)}
#scNotificationsContent button:disabled,#scCloudImportControls button:disabled{opacity:.5;cursor:default}
#scNotificationsContent button:focus-visible,#scCloudImportControls button:focus-visible,.sc-notification-bell:focus-visible{outline:2px solid var(--sc-blue,#6f9cff);outline-offset:3px}
.sc-events-list{display:grid;gap:16px}
.sc-event{margin:0;padding:22px;border:1px solid var(--sc-border,#263448);border-radius:14px}
.sc-event h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}
.sc-event p{white-space:pre-wrap;overflow-wrap:anywhere}
.sc-event time{display:block;color:var(--sc-muted,#8190a5);font-size:13px;margin:12px 0}
.sc-event-unread{border-left:4px solid var(--sc-blue,#6f9cff)}
.sc-cloud-import{margin-bottom:22px}
.sc-cloud-import h2{margin-top:0}
#scCloudImportControls label{display:block;margin:14px 0}
#scCloudImportControls select{display:block;max-width:100%;min-width:min(300px,100%);margin-top:8px;padding:10px 14px;border:1px solid var(--sc-border,#263448);border-radius:10px;background:var(--sc-input,#111a27);color:var(--sc-text,#edf3fb);font:inherit}
#scCloudImportControls input[type=file]{display:block;max-width:100%;margin-top:8px;padding:8px 0;color:inherit}
#scCloudImportControls input[type=checkbox]{margin-right:10px}
#scCloudImportControls p{line-height:1.6;overflow-wrap:anywhere}
.sc-import-file-list label{padding:10px;border-bottom:1px solid var(--sc-border,#263448);overflow-wrap:anywhere}
@media(max-width:600px){.sc-event{padding:16px}.sc-events-actions button,.sc-import-actions button{flex:1 1 auto}.sc-events-heading{margin-bottom:16px}}
@media(max-width:600px){#page-notifications,#page-photo-import{padding-top:24px}}