/* R.S Films Group — artist notification panel polish v23.2.32
   CSS-only visual pass: no React DOM injection, no API/auth changes. */
.artist-portal .drop-panel.notifications{
  width:min(430px,calc(100vw - 28px))!important;
  max-height:min(590px,calc(100vh - 100px))!important;
  overflow:hidden!important;
  border:1px solid #dce3e7!important;
  border-top:3px solid #c89a36!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(7,27,41,.18)!important;
}
.artist-portal .drop-panel.notifications .drop-head{
  position:sticky!important;top:0!important;z-index:3!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:15px 17px 13px!important;
  border-bottom:1px solid #e8ecef!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)!important;
}
.artist-portal .drop-panel.notifications .drop-head strong{
  display:block!important;color:#0c2230!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important;
}
.artist-portal .drop-panel.notifications .drop-head strong::after{
  content:"Account updates and replies"!important;display:block!important;margin-top:3px!important;
  color:#80909b!important;font-size:9px!important;font-weight:600!important;letter-spacing:.01em!important;
}
.artist-portal .drop-panel.notifications .drop-head>button{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:9px!important;background:#f3f5f6!important;color:#52636e!important;cursor:pointer!important;
}
.artist-portal .drop-panel.notifications>div:not(.drop-head){
  max-height:505px!important;overflow:auto!important;padding:10px!important;background:#f8fafb!important;
  scrollbar-width:thin!important;scrollbar-color:#cbd4da transparent!important;
}
.artist-portal .drop-panel.notifications>div:not(.drop-head)>button:not(.artist-live-row){
  width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:1px 4px 9px auto!important;padding:7px 10px!important;border:1px solid #d9e1e5!important;border-radius:999px!important;
  background:#fff!important;color:#52636e!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important;
}
.artist-portal .drop-panel.notifications .artist-live-row{
  position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:11px!important;row-gap:3px!important;align-items:center!important;width:100%!important;
  margin:0 0 7px!important;padding:11px 12px!important;border:1px solid #e3e8eb!important;border-radius:12px!important;
  background:#fff!important;color:#10232e!important;text-align:left!important;box-shadow:0 2px 8px rgba(10,31,43,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;cursor:pointer!important;
}
.artist-portal .drop-panel.notifications .artist-live-row::before{
  content:"✓"!important;grid-column:1!important;grid-row:1/3!important;width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;background:#0d202b!important;color:#d2a343!important;
  font:900 15px/1 Arial,sans-serif!important;
}
.artist-portal .drop-panel.notifications .artist-live-row:hover{
  border-color:#d2b46f!important;box-shadow:0 8px 20px rgba(15,37,50,.08)!important;transform:translateY(-1px)!important;
}
.artist-portal .drop-panel.notifications .artist-live-row strong{
  grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;margin:0!important;
  color:#10232e!important;font-size:11px!important;font-weight:800!important;line-height:1.4!important;overflow-wrap:anywhere!important;
}
.artist-portal .drop-panel.notifications .artist-live-row small{
  grid-column:2!important;grid-row:2!important;display:block!important;margin:0!important;color:#85929b!important;
  font-size:8.5px!important;line-height:1.35!important;font-variant-numeric:tabular-nums!important;
}
.artist-portal .drop-panel.notifications>div:not(.drop-head)>p{
  margin:8px!important;padding:18px 12px!important;border:1px dashed #d8e0e4!important;border-radius:12px!important;
  background:#fff!important;color:#7c8992!important;text-align:center!important;font-size:10px!important;line-height:1.5!important;
}
@media(max-width:650px){
  .artist-portal .drop-panel.notifications{position:fixed!important;top:72px!important;right:10px!important;left:10px!important;width:auto!important;max-height:calc(100vh - 90px)!important;border-radius:15px!important}
  .artist-portal .drop-panel.notifications>div:not(.drop-head){max-height:calc(100vh - 155px)!important;padding:8px!important}
  .artist-portal .drop-panel.notifications .artist-live-row{grid-template-columns:34px minmax(0,1fr)!important;padding:10px!important}
  .artist-portal .drop-panel.notifications .artist-live-row::before{width:32px!important;height:32px!important;border-radius:9px!important}
}