/* ── INJECTED ELEMENTS STYLES (1:1 FROM CONTENT.JS) ── */
.floating-injected-container {
  position: absolute; 
  right: -120px; 
  width: 320px; 
  z-index: 100;
  pointer-events: none; 
  opacity: 0; 
  transform: translateZ(100px); 
  transition: 0.4s;
}

.floating-injected-container.show { 
  opacity: 1; 
  transform: translateZ(120px) translateX(-20px); 
}

#demoPrompt { top: 80px; }
#demoToast { top: 350px; }

/* Prompt Elements */
.decision-prompt {
    width: 340px;
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 10000;
    font-family: 'Inter', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    pointer-events: auto;
}

.blocked-toast {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 280px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    z-index: 10001;
    color: #fff;
    overflow: hidden;
    pointer-events: auto;
}

/* Prompt Hover Effects (from content.js) */
#ps-block-demo:hover { background-color: #b71c1c !important; }
#ps-allow-demo:hover { background-color: #222 !important; color: #fff !important; border-color: #666 !important; }

/* EXACT Timer Bar Style (from content.js) */
.ps-toast-timer-bar-demo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0 0 10px 10px;
  background: #FFC107;
  box-shadow: 0 0 10px rgba(255,193,7,0.55);
  transform-origin: left center !important; /* CRITICAL: Must shrink to the left */
}

@keyframes psToastTimer { 
  from { transform: scaleX(1); opacity: .96; } 
  to { transform: scaleX(0); opacity: .72; } 
}
@keyframes psIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes psOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes psToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes psToastOut{to{opacity:0;transform:translateY(8px)}}