/* Уведомления для администратора */
.notification-bell {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.bell-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 3px;
  position: relative;
  color: var(--text);
  line-height: 1;
}

.bell-btn:hover {
  opacity: 0.8;
}

.bell-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  background: #ff4444;
  color: white;
  font-size: 9px;
  font-weight: 700;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}

.notifications-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 320px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 100;
  margin-top: 10px;
}

.notifications-header {
  padding: 12px 15px;
  font-weight: 700;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
}

.notifications-list {
  max-height: 300px;
  overflow-y: auto;
}

.notification-empty {
  padding: 20px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
}

.notification-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid var(--line);
  text-decoration: none !important;
  transition: background 0.2s;
}

.notification-item:hover {
  background: rgba(0,0,0,0.03);
}

.notification-text {
  font-size: 13px;
  line-height: 1.4;
}

.notification-time {
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  margin-left: 10px;
}

@media (max-width: 650px) {
  .notifications-dropdown {
    position: fixed;
    top: 60px;
    right: 10px;
    left: 10px;
    width: auto;
  }
}
/* Общие иконки меню, уведомления и выбор стиля */
.menu-icon-dropdown{position:relative;display:inline-flex;align-items:center}.menu-icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:16px;position:relative}.menu-icon-btn:hover{border-color:var(--accent2)}.menu-popup{position:absolute;top:calc(100% + 9px);right:0;z-index:100;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #0007;overflow:hidden}.style-popup{width:190px}.style-choice{display:flex;gap:8px;align-items:center;padding:11px 14px;color:var(--text);border-bottom:1px solid var(--line);font-size:13px}.style-choice:last-child{border-bottom:0}.style-choice.active{background:rgba(182,58,70,.12);color:#fff}.style-choice span{color:var(--accent2)}.notifications-subheader{padding:10px 15px;font-size:11px;font-weight:800;color:var(--accent2);text-transform:uppercase;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notifications-read-all{width:100%;border:0;background:transparent;color:var(--accent2);padding:11px;font-size:11px;cursor:pointer}.notification-item.is-read{opacity:.65}.notification-item:hover{background:rgba(255,255,255,.03)}
@media(max-width:650px){.menu-popup{position:fixed;top:60px;right:10px;left:10px;width:auto}.style-popup{width:auto}}


/* Выдвижная панель уведомлений */
.notifications-window{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;visibility:hidden;opacity:0;z-index:1000;transition:opacity .22s ease,visibility .22s ease}
.notifications-window.is-open{visibility:visible;opacity:1}
.notifications-window-card{position:relative;width:min(470px,92vw);height:100%;max-height:none;overflow:hidden;background:var(--panel);border-left:1px solid var(--line);border-radius:16px 0 0 16px;box-shadow:-18px 0 60px #0007;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}
.notifications-window.is-open .notifications-window-card{transform:translateX(0)}
.notifications-window-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:23px;cursor:pointer;z-index:2}.notifications-window-close:hover{background:var(--panel2);color:var(--text)}
.notifications-window .notifications-header{padding:18px 52px 18px 18px;font-size:16px;border-bottom:1px solid var(--line);flex:0 0 auto}
.notifications-window .notifications-list{max-height:none;overflow-y:auto;flex:1}
.notifications-window .notification-item{display:block;width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:default}.notifications-window .notification-item:hover{background:transparent}.notification-item.is-read{opacity:.72}
.notification-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.notification-prefix{display:inline-flex;align-items:center;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:800;line-height:1.2}.prefix-update{background:rgba(226,156,52,.16);color:#e6a143}.prefix-news{background:rgba(71,200,128,.16);color:#55c878}.prefix-system{background:rgba(220,76,88,.16);color:#ef6262}.notification-title{display:block;font-size:14px;line-height:1.35;margin-bottom:7px}.notification-full-text{font-size:13px;line-height:1.6;color:var(--muted);word-break:break-word}.notification-full-text p{margin:0}.notification-inline-link{color:var(--accent2)!important;text-decoration:underline!important;font-weight:700}.notifications-window .notifications-read-all{border-top:1px solid var(--line);background:var(--panel2);flex:0 0 auto;padding:13px}.admin-inline-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-inline-actions form{margin:0}
@media(max-width:650px){.notifications-window-card{width:100%;border-radius:0}.notifications-window{background:rgba(0,0,0,.45)}}
.notifications-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--panel2);padding:8px 10px}.notification-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:9px 8px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.notification-tab.active{background:rgba(182,58,70,.14);color:var(--text)}.notification-tab span{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;margin-left:4px;border-radius:999px;background:rgba(220,76,88,.18);color:#ef6262;font-size:10px}.notification-pending-item{display:block;color:var(--text)!important;text-decoration:none!important;cursor:pointer!important}.notification-pending-item:hover{background:rgba(255,255,255,.03)!important}
.notifications-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--panel2);padding:8px 10px}.notification-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:9px 8px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.notification-tab.active{background:rgba(182,58,70,.14);color:var(--text)}.notification-tab span{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;margin-left:4px;border-radius:999px;background:rgba(220,76,88,.18);color:#ef6262;font-size:10px}.notification-pending-item{display:block;color:var(--text)!important;text-decoration:none!important;cursor:pointer!important}.notification-pending-item:hover{background:rgba(255,255,255,.03)!important}