/* Alert center only — does not affect Explore, Community or Profile */
body[data-page="alerts"] .alerts-tools{gap:14px;padding:12px 14px;border-radius:16px;background:rgba(6,23,45,.68)}
body[data-page="alerts"] .tab-list{gap:7px}
body[data-page="alerts"] .tab{min-height:42px;padding:9px 14px;font-size:12px}
body[data-page="alerts"] .alerts-list{gap:11px}
body[data-page="alerts"] .alert-card{background:linear-gradient(115deg,rgba(9,31,59,.92),rgba(7,25,47,.94));border:1px solid rgba(132,177,224,.17);border-radius:15px;padding:19px 21px;box-shadow:none;transition:background .2s ease,border-color .2s ease}
body[data-page="alerts"] .alert-card.unread{background:linear-gradient(115deg,rgba(16,53,94,.86),rgba(9,33,62,.95));border-color:rgba(113,185,250,.4)}
body[data-page="alerts"] .alert-card:hover{border-color:rgba(132,192,245,.46)}
body[data-page="alerts"] .alert-top{align-items:flex-start;gap:13px;margin:0}
body[data-page="alerts"] .alert-glyph{width:46px;height:46px;border-radius:13px;background:rgba(88,149,211,.14)}
body[data-page="alerts"] .alert-copy{padding-top:1px}
body[data-page="alerts"] .alert-heading-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body[data-page="alerts"] .alert-heading-line h3{font-size:14px;font-weight:790;line-height:1.42;margin:0;color:#eff7ff;overflow-wrap:anywhere}
body[data-page="alerts"] .alert-copy small{display:block;margin-top:5px;line-height:1.45;font-size:11px;color:#97b0cc}
body[data-page="alerts"] .alert-new-label{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;color:#c5e6ff;border:1px solid rgba(110,179,245,.32);background:rgba(60,134,219,.15);border-radius:5px}
body[data-page="alerts"] .unread-dot{margin:9px 2px 0 3px;box-shadow:0 0 0 4px rgba(90,160,239,.11)}
body[data-page="alerts"] .alert-card>p{margin:12px 0 0 59px;color:#bed0e2;font-size:12.5px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
body[data-page="alerts"] .alert-controls{margin:15px 0 0 59px;padding:12px 0 0;border-top:1px solid rgba(138,183,231,.11);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body[data-page="alerts"] .alert-controls .soft-btn{min-height:37px;padding:8px 11px;font-size:11px;line-height:1.3;border-radius:9px;white-space:normal;text-align:center}
body[data-page="alerts"] .alert-primary{background:rgba(74,142,222,.18);border-color:rgba(135,195,255,.35);color:#d0ebff}
body[data-page="alerts"] .alert-destination{background:rgba(12,49,82,.58);border-color:rgba(92,159,217,.27)}
body[data-page="alerts"] .alert-mark{margin-left:auto}
body[data-page="alerts"] #alerts-count{font-size:11.5px;margin:0 0 13px;color:#a7c9e7}
body[data-page="alerts"] #alerts-list .empty-state{padding:54px 20px}
body[data-page="alerts"] .dialog-actions a{min-height:42px;text-decoration:none}
@media(max-width:650px){body[data-page="alerts"] .screen-heading-split{gap:9px}body[data-page="alerts"] .alerts-tools{padding:10px;gap:10px}body[data-page="alerts"] .alerts-tools .tab-list{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="alerts"] .alerts-tools .tab{padding:9px 4px;font-size:11px;min-width:0}body[data-page="alerts"] #alerts-mark-all{width:100%}body[data-page="alerts"] .alert-card{padding:15px 13px;border-radius:13px}body[data-page="alerts"] .alert-top{gap:10px}body[data-page="alerts"] .alert-glyph{height:40px;width:40px;border-radius:11px}body[data-page="alerts"] .alert-heading-line h3{font-size:13px}body[data-page="alerts"] .alert-copy small{font-size:10px}body[data-page="alerts"] .alert-card>p,body[data-page="alerts"] .alert-controls{margin-left:0}body[data-page="alerts"] .alert-controls{gap:7px}body[data-page="alerts"] .alert-controls .soft-btn{flex:1 1 auto;min-width:0}body[data-page="alerts"] .alert-mark{margin-left:0}}
@media(prefers-reduced-motion:reduce){body[data-page="alerts"] .alert-card{transition:none}}

/* Automatic alert pagination: skeletons at the list boundary, no Load More control. */
body[data-page="alerts"] #alerts-more{display:none!important}
body[data-page="alerts"] #alerts-infinite{width:100%;padding:12px 0 28px;min-height:8px}
body[data-page="alerts"] #alerts-infinite[hidden]{display:none!important}
body[data-page="alerts"] .alert-infinite-skeletons{display:grid;gap:11px;width:100%}
body[data-page="alerts"] .alert-infinite-skeleton{min-height:114px;display:flex;align-items:flex-start;gap:14px;padding:19px 21px;border:1px solid rgba(132,177,224,.15);border-radius:15px;background:rgba(8,27,51,.74)}
body[data-page="alerts"] .alert-sk-icon{flex:none;width:46px;height:46px;border-radius:13px}
body[data-page="alerts"] .alert-sk-lines{flex:1;display:grid;gap:12px;padding-top:3px;min-width:0}
body[data-page="alerts"] .alert-sk-lines i{display:block;height:11px;border-radius:7px}
body[data-page="alerts"] .alert-sk-lines i:nth-child(1){width:min(62%,340px);height:14px}
body[data-page="alerts"] .alert-sk-lines i:nth-child(2){width:min(35%,180px)}
body[data-page="alerts"] .alert-sk-lines i:nth-child(3){width:min(88%,530px)}
body[data-page="alerts"] .alert-sk-icon,body[data-page="alerts"] .alert-sk-lines i{background:linear-gradient(100deg,rgba(111,162,216,.09),rgba(142,190,236,.23),rgba(111,162,216,.09));background-size:220% 100%;animation:alert-infinite-shimmer 1.5s linear infinite}
body[data-page="alerts"] .alert-retry{display:flex;margin:10px auto}
@keyframes alert-infinite-shimmer{to{background-position:-220% 0}}
@media(max-width:650px){body[data-page="alerts"] .alert-infinite-skeleton{padding:15px 13px;gap:10px;min-height:104px}body[data-page="alerts"] .alert-sk-icon{width:40px;height:40px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){body[data-page="alerts"] .alert-sk-icon,body[data-page="alerts"] .alert-sk-lines i{animation:none}}


/* DIL Alerts — compact, fluid mobile refinements. Scoped to Alerts only. */
body[data-page="alerts"] .main-content{
  width:min(100%,1120px);
  min-width:0;
  overflow-wrap:break-word;
}
body[data-page="alerts"] .alerts-tools,
body[data-page="alerts"] .alerts-list,
body[data-page="alerts"] .alert-card,
body[data-page="alerts"] .alert-copy{min-width:0}
body[data-page="alerts"] .alerts-tools{align-items:center;justify-content:space-between}
body[data-page="alerts"] .alerts-tools .tab-list{display:flex;flex-wrap:wrap;min-width:0}
body[data-page="alerts"] .alerts-tools .tab{line-height:1.3;text-align:center;white-space:normal}
body[data-page="alerts"] .alert-heading-line{min-width:0}
body[data-page="alerts"] .alert-card>p{overflow-wrap:anywhere;word-break:normal}
body[data-page="alerts"] .alert-copy small{overflow-wrap:anywhere}
body[data-page="alerts"] .alert-controls{min-width:0}
body[data-page="alerts"] .alert-controls .soft-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
body[data-page="alerts"] .alert-controls .soft-btn .icon{width:15px;height:15px;flex:none}
body[data-page="alerts"] .alert-infinite-skeleton{min-width:0}
body[data-page="alerts"] #alerts-infinite{min-width:0}
body[data-page="alerts"] #alert-dialog{max-width:calc(100vw - 24px)}

@media(max-width:760px){
  body[data-page="alerts"] .main-content{padding-top:17px!important;padding-left:clamp(12px,3.5vw,18px)!important;padding-right:clamp(12px,3.5vw,18px)!important;}
  body[data-page="alerts"] .screen-heading{margin-bottom:15px}
  body[data-page="alerts"] .screen-heading-split{align-items:center}
  body[data-page="alerts"] .screen-heading h1{font-size:clamp(23px,5.5vw,29px);line-height:1.18;margin:7px 0 5px}
  body[data-page="alerts"] .screen-heading p{max-width:46ch;font-size:11.5px;line-height:1.55}
  body[data-page="alerts"] .screen-heading .eyebrow{font-size:9px;letter-spacing:.09em}
  body[data-page="alerts"] .heading-badge{width:35px;height:35px;min-width:35px;border-radius:11px}
  body[data-page="alerts"] .heading-badge .icon{width:18px;height:18px}
  body[data-page="alerts"] .alerts-tools{margin-bottom:12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:9px}
  body[data-page="alerts"] .alerts-tools .tab-list{gap:5px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="alerts"] .alerts-tools .tab{min-height:39px;border-radius:9px;padding:8px 4px;font-size:10.5px;font-weight:700;letter-spacing:0}
  body[data-page="alerts"] #alerts-mark-all{min-height:38px;width:auto;margin-left:auto;padding:7px 11px;font-size:10.5px}
  body[data-page="alerts"] #alerts-mark-all .icon{width:14px;height:14px}
  body[data-page="alerts"] #alerts-count{font-size:10.5px;line-height:1.45;margin-bottom:10px}
  body[data-page="alerts"] .alerts-list{gap:9px}
  body[data-page="alerts"] .alert-card{padding:13px 12px 12px;border-radius:12px}
  body[data-page="alerts"] .alert-top{gap:10px}
  body[data-page="alerts"] .alert-glyph{width:38px;height:38px;border-radius:10px}
  body[data-page="alerts"] .alert-glyph .icon{width:19px;height:19px}
  body[data-page="alerts"] .alert-heading-line{gap:6px;align-items:baseline}
  body[data-page="alerts"] .alert-heading-line h3{font-size:12.2px;font-weight:760;line-height:1.42;letter-spacing:-.01em}
  body[data-page="alerts"] .alert-new-label{font-size:8px;padding:2px 5px;line-height:1.4}
  body[data-page="alerts"] .alert-copy small{font-size:9.7px;line-height:1.4;margin-top:4px}
  body[data-page="alerts"] .unread-dot{width:7px;height:7px;margin:7px 1px 0 0}
  body[data-page="alerts"] .alert-card>p{font-size:11.2px;line-height:1.64;margin:11px 0 0}
  body[data-page="alerts"] .alert-controls{margin:12px 0 0;padding-top:10px;gap:7px}
  body[data-page="alerts"] .alert-controls .soft-btn{flex:0 1 auto;min-height:37px;min-width:0;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:700;line-height:1.35}
  body[data-page="alerts"] .alert-mark{margin-left:0}
  body[data-page="alerts"] .alert-infinite-skeleton{padding:13px 12px;min-height:92px;gap:10px;border-radius:12px}
  body[data-page="alerts"] .alert-sk-icon{width:38px;height:38px;border-radius:10px}
  body[data-page="alerts"] .alert-sk-lines{gap:10px}
  body[data-page="alerts"] #alerts-infinite{padding-bottom:14px}
  body[data-page="alerts"] .detail-dialog .dialog-heading{padding:13px 15px}
  body[data-page="alerts"] .detail-dialog>div:last-child{padding:15px;font-size:11.5px;line-height:1.65}
  body[data-page="alerts"] .detail-dialog h2{font-size:17px;line-height:1.4}
}
@media(max-width:420px){
  body[data-page="alerts"] .alerts-tools .tab{font-size:10px;min-height:37px;padding:7px 3px}
  body[data-page="alerts"] .alert-card{padding:12px 11px}
  body[data-page="alerts"] .alert-glyph{width:35px;height:35px}
  body[data-page="alerts"] .alert-heading-line h3{font-size:11.8px}
  body[data-page="alerts"] .alert-card>p{font-size:11px;line-height:1.6}
  body[data-page="alerts"] .alert-controls .soft-btn{font-size:9.8px;padding:7px 8px}
}
@media(max-width:340px){
  body[data-page="alerts"] .heading-badge{display:none}
  body[data-page="alerts"] .alert-top{gap:8px}
  body[data-page="alerts"] .alert-controls .alert-destination{flex:1 1 100%}
  body[data-page="alerts"] .alert-controls .alert-primary{flex:1 1 auto}
  body[data-page="alerts"] .alert-card>p{font-size:10.8px}
}
@media(hover:none){body[data-page="alerts"] .alert-card:hover{border-color:rgba(132,177,224,.17)}body[data-page="alerts"] .alert-card.unread:hover{border-color:rgba(113,185,250,.4)}}
@media(prefers-reduced-motion:reduce){body[data-page="alerts"] .alert-infinite-skeleton *{animation:none!important}}

/* Compact page ending — hides only the copyright footer, not navigation. */
body[data-page="alerts"] .dash-footer{display:none!important}
body[data-page="alerts"] .main-content{min-height:0!important;padding-bottom:22px!important}
body[data-page="alerts"] .page-area{min-height:0!important}
/* Keep a small touch-safe clearing for the floating four-tab navigation. */
@media(max-width:1180px){
 body[data-page="alerts"] .main-content{padding-bottom:calc(101px + env(safe-area-inset-bottom,0px))!important}
}