/* Deengen member app: free preview (signed-out) states.
   Banner, "Preview" badge, lock chips, blurred locked blocks, sample labels.
   Members never see these: app.js only renders them when dgPreview.active(). */

/* ---------- sticky banner under the top bar ---------- */
.dgp-banner{position:sticky;top:var(--dgp-top,64px);z-index:29;
  background:linear-gradient(90deg,rgba(242,196,90,.07),rgba(105,240,192,.045) 60%,rgba(12,16,20,0) 100%),rgba(8,11,13,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.dgp-banner::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,rgba(242,196,90,.45),rgba(105,240,192,.25) 55%,transparent)}
.dgp-in{display:flex;align-items:center;gap:14px;padding:10px 28px;max-width:1180px}
.dgp-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(242,196,90,.12);flex-shrink:0}
.dgp-banner.joined .dgp-dot{background:var(--mint);box-shadow:0 0 0 4px rgba(105,240,192,.12)}
.dgp-in p{flex:1;min-width:0;font-size:13.5px;line-height:1.45;color:var(--muted);margin:0}
.dgp-in p .s{display:none}
.dgp-act{display:flex;align-items:center;gap:14px;flex-shrink:0}
.dgp-signin{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--text);border-bottom:1px solid var(--line-2);padding-bottom:1px;white-space:nowrap;transition:color .15s,border-color .15s}
.dgp-signin:hover{color:var(--mint);border-color:var(--mint)}
.dgp-join .s{display:none}
@media (max-width:980px){
  .dgp-in p .l{display:none}
  .dgp-in p .s{display:inline}
}
@media (max-width:820px){
  .dgp-in{padding:8px 14px 8px 16px;gap:10px}
  .dgp-in p{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dgp-act{gap:12px}
  .dgp-signin{font-size:12.5px}
  .dgp-join{padding:7px 12px;font-size:12.5px}
  .dgp-join .l{display:none}
  .dgp-join .s{display:inline}
}
@media (max-width:374px){
  .dgp-dot{display:none}
  .dgp-in{gap:8px;padding-left:14px}
}

/* topbar "Preview" badge */
.dgp-badge{flex-shrink:0;text-transform:none}
@media (max-width:620px){
  .dgp-badge{padding:2px 7px;font-size:10.5px}
  /* room for the Preview badge: page-level badges (asset count, "members") step aside on phones */
  html.dg-preview .topbar .tb-right > .badge{display:none}
}
/* the banner already says this is a preview */
html.dg-preview .demo-tag{display:none}

/* ---------- chips and labels ---------- */
.dgp-chip{display:inline-flex;align-items:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
  color:var(--amber);border:1px solid rgba(242,196,90,.35);background:rgba(242,196,90,.07);border-radius:6px;padding:2px 8px;line-height:1.5;white-space:nowrap;vertical-align:middle}
.dgp-chip svg{width:11px;height:11px;flex-shrink:0}
.dgp-tag{display:inline-flex;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--cyan);border:1px solid rgba(55,212,226,.32);background:rgba(55,212,226,.06);border-radius:6px;padding:1px 7px;line-height:1.5;white-space:nowrap;vertical-align:middle}
h3 .dgp-tag{margin-inline-start:8px;font-weight:500}

/* "this is sample data" strip */
.dgp-sample{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:16px;border:1px dashed rgba(55,212,226,.28);border-radius:10px;background:rgba(55,212,226,.035);font-size:13px;line-height:1.5;color:var(--muted)}
.dgp-sample .dgp-tag{flex-shrink:0}

/* one-line locked note under controls */
.dgp-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.dgp-note > span:not(.dgp-chip){flex:1 1 180px;min-width:0}
.dgp-note a{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--mint);white-space:nowrap}
.dgp-note a:hover{text-decoration:underline}

/* ---------- blurred locked block ---------- */
.dgp-lock{position:relative;border:1px dashed var(--line-2);border-radius:12px;padding:18px;overflow:hidden;min-height:190px;background:var(--panel)}
.dgp-lock .ghost{filter:blur(5px);opacity:.5;user-select:none;pointer-events:none}
.dgp-lock .ghost i{display:block;height:10px;border-radius:5px;background:var(--line-2);margin:12px 0}
.dgp-lock .over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:18px;
  background:linear-gradient(180deg,rgba(12,16,20,.3),rgba(12,16,20,.9) 55%)}
.dgp-lock .over p{font-size:13.5px;line-height:1.55;color:var(--text);max-width:380px;margin:0}
.dgp-lock.compact{min-height:150px;padding:14px}
.dgp-lock.compact .over{gap:9px}
.dgp-lock.compact .over p{font-size:13px}
.panel .dgp-lock,.mbx-reader .dgp-lock{background:transparent}

/* locked radar placeholder (screener) */
.dgp-radar{height:250px;display:flex;align-items:center;justify-content:center;position:relative}
.dgp-radar svg.g{width:180px;height:180px;filter:blur(4px);opacity:.45}
.dgp-radar .dgp-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* locked controls (planner) */
.dgp-off{opacity:.55;cursor:pointer}
.dgp-off:hover{opacity:.8}
.chip.dgp-off svg,.dgp-off .dgp-lk{width:11px;height:11px}
.field.dgp-field input[type=range]{opacity:.35;pointer-events:none}
.field.dgp-field label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.field.dgp-field{cursor:pointer}

/* briefs: locked list items */
.mbx-item.dgp-locked .mbx-subj{color:var(--muted)}
.mbx-item.dgp-locked .mbx-prev{opacity:.75}
.mbx-item .dgp-chip{margin-inline-end:4px}

/* academy: player while videos are being prepared */
.player.dgp-player .play,.player.dgp-player .lbl{display:none}
.dgp-pstate{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px 24px;max-width:460px}
.dgp-pstate .ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(242,196,90,.08);border:1px solid rgba(242,196,90,.32);color:var(--amber)}
.dgp-pstate .ic svg{width:22px;height:22px}
.dgp-pstate b{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}
.dgp-pstate p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.dgp-pstate .m{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mint);letter-spacing:.04em}
@media (max-width:520px){
  .dgp-pstate{padding:12px 16px;gap:7px}
  .dgp-pstate .ic{width:40px;height:40px}
  .dgp-pstate .ic svg{width:18px;height:18px}
  .dgp-pstate b{font-size:14.5px}
  .dgp-pstate p{display:none}
}
.res .dgp-chip{margin-inline-start:auto}
.res.dgp-res{cursor:pointer}

/* exchange cards: the global .st (stats) rule in deengen.css pads the status line */
.exch .st{padding:0;background:none}
/* exchange cards (dashboard + portfolio) when locked */
.exch .dgp-chip{margin-inline-start:auto}

/* RTL */
[dir=rtl] .dgp-banner::before{background:linear-gradient(270deg,rgba(242,196,90,.45),rgba(105,240,192,.25) 55%,transparent)}
[dir=rtl] .dgp-chip,[dir=rtl] .dgp-tag,[dir=rtl] .dgp-signin,[dir=rtl] .dgp-note a{letter-spacing:0;font-family:inherit;text-transform:none}