/* Compact, no-background, all white text; single row on desktop, graceful wrap on mobile. */

.dalert-wrap{ position:relative; display:block; margin-top:0; padding-top:0.01px; }
.dalert-wrap[hidden]{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important; }
.dalert-wrap[hidden] + *{ margin-top:0; }

.dalert-container{ position:relative; background:transparent; color:#fff; padding:6px 44px 6px 28px; border:0; }
.dalert-viewport{ overflow:hidden; width:100%; }
.dalert-track{ display:flex; gap:0; margin:0; padding:0; transition:transform 600ms cubic-bezier(0.22,0.61,0.36,1); }

.dalert{ flex:0 0 100%; display:flex; align-items:center; gap:10px; min-width:0; }
.dalert__icon{ width:18px; display:flex; align-items:center; justify-content:center; }
.dalert__icon i{ font-size:16px; line-height:1; color:#fff; }

/* Make title + content sit on ONE LINE (desktop) */
.dalert__body{ display:flex; align-items:center; gap:8px; min-width:0; width:100%; white-space:nowrap; }
.dalert__heading{ display:flex; align-items:center; gap:8px; margin:0; cursor:default; flex:0 0 auto; }
.dalert__badge{ font-size:11px; line-height:1; font-weight:700; border:1px solid rgba(255,255,255,0.7); color:#fff; padding:2px 6px; border-radius:999px; }
.dalert__title{ display:inline; font-size:.95rem; font-weight:700; line-height:1.2; letter-spacing:normal; margin:0; color:#fff; white-space:nowrap; }

/* Content continues inline, truncates with ellipsis to keep one row */
.dalert__content p { display:inline; font-size:.95rem!important; line-height:1.2; letter-spacing: normal; overflow:hidden; text-overflow:ellipsis; flex:1 1 auto; }
.dalert__content p{ display:inline; margin:0; }
.dalert__content p + p:before{ content:" "; }

/* Controls (right) */
.dalert__controls{ position:absolute; top:4px; right:6px; display:flex; gap:8px; align-items:center; }
.dalert__navbtn, .dalert__close{ appearance:none; border:0; background:transparent; cursor:pointer; padding:2px; line-height:0; color:#fff; }
.dalert__navbtn i, .dalert__close i{ font-size:14px; color:#fff; }

/* Reopen button (when dismissed) */
.dalert-reopen{ position:fixed; top:12px; right:12px; z-index:2147483647; width:36px; height:36px; border-radius:999px; border:1px solid rgba(255,255,255,0.9); background:transparent; color:#fff; display:none; align-items:center; justify-content:center; cursor:pointer; }
body.admin-bar .dalert-reopen{ top:52px; }
.dalert-reopen i{ font-size:18px; line-height:1; }
.dalert-reopen__badge{ position:absolute; top:-6px; right:-8px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#dc2626; color:#fff; font-size:11px; line-height:18px; font-weight:700; }
.dalert-wrap[hidden] + .dalert-reopen{ display:flex; }

/* Mobile: allow wrapping to two lines max */
@media (max-width:768px){
  .dalert-container{ padding:8px 40px 8px 16px; }
  .dalert__body{ white-space:normal; flex-wrap:wrap; }
  .dalert__title{ white-space:normal; }
  .dalert__content{ white-space:normal; }
}