/* /bd/brain-dump.v3.css — v9 (FULL REPLACEMENT, SPLIT MODE)
   Fixes:
   - Removes any "input shadow" / default browser styling on the textbox
   - Action bar: more opacity + hot orange dividers + clearer separation from input
*/

:root{
  --bd-text: rgba(226,232,240,.92);
  --bd-muted: rgba(148,163,184,.85);

  --bd-orange: #ff7a1a;
  --bd-orange2:#ff9a3d;

  --bd-glass-a: rgba(255,255,255,.10);
  --bd-glass-b: rgba(255,255,255,.04);
  --bd-glass-line: rgba(255,255,255,.18);
  --bd-glass-line2: rgba(255,255,255,.10);

  --bd-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

/* -----------------------------------------
   TOP RIGHT ORANGE DOT (ZERO LAYOUT SPACE)
----------------------------------------- */
#bdTopbar{
  width:100%;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow: visible !important;
  position:relative;
}
#bdTopbar .bd-email-dot{
  position: fixed;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,122,26,.95);
  box-shadow: 0 0 0 8px rgba(255,122,26,.08), 0 0 22px rgba(255,122,26,.28);
  cursor: pointer;
  z-index: 9999;
  -webkit-tap-highlight-color: transparent;
}
#bdTopbar .bd-email-dot:active{ transform: translateY(1px) scale(.98); }

/* -----------------------------------------
   MIC WIDGET
----------------------------------------- */
#bdMic{
  width:100%;
  min-height: 240px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 0;
}
#bdMic .bd-mic{
  width: 210px;
  height: 210px;
  border:0;
  background: transparent;
  cursor:pointer;
  position: relative;
  display:grid;
  place-items:center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
#bdMic .bd-mic::before{
  content:"";
  position:absolute;
  inset: 30px;
  border-radius: 999px;
  background:
    radial-gradient(120px 110px at 30% 25%, rgba(255,255,255,.18), transparent 58%),
    radial-gradient(170px 170px at 55% 70%, rgba(120,150,190,.10), transparent 60%),
    radial-gradient(circle at 50% 45%, rgba(12,18,32,.78), rgba(12,18,32,.42) 58%, rgba(12,18,32,.24));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 26px 70px rgba(0,0,0,.48),
    0 10px 26px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -3px 0 rgba(0,0,0,.34);
  backdrop-filter: blur(18px);
}
#bdMic .bd-mic-ring{
  position:absolute;
  inset: 14px;
  border-radius: 999px;
  border: 2px solid rgba(255,154,61,.92);
  box-shadow:
    0 0 0 10px rgba(255,154,61,.05),
    0 0 70px rgba(255,154,61,.16);
}
#bdMic .bd-mic::after{
  content:"";
  position:absolute;
  inset: 6px;
  border-radius: 999px;
  opacity: 0;
  pointer-events:none;
  background:
    radial-gradient(circle, rgba(255,154,61,.18) 0 2px, transparent 3px),
    radial-gradient(circle, rgba(255,154,61,.12) 0 2px, transparent 3px);
  filter: blur(.2px);
}
#bdMic .bd-mic.recording::after{
  opacity: 1;
  animation: bdMicWave 1.15s ease-out infinite;
}
@keyframes bdMicWave{
  0%   { transform: scale(.93); opacity:0; }
  15%  { opacity:.42; }
  100% { transform: scale(1.06); opacity:0; }
}
#bdMic .bd-mic.recording .bd-mic-ring{
  border-color: rgba(255,122,26,.98);
  box-shadow:
    0 0 0 10px rgba(255,122,26,.06),
    0 0 95px rgba(255,122,26,.22);
  animation: bdMicBreath 1.15s ease-in-out infinite;
}
@keyframes bdMicBreath{
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.012); }
}
#bdMic .bd-mic-svg{
  width: 56px;
  height: 56px;
  fill: rgba(175,205,235,.85);
  opacity: .98;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.42));
  position: relative;
  z-index: 2;
}
#bdMic .bd-mic.recording .bd-mic-svg{ fill: rgba(255,154,61,.98); }
#bdMic .bd-mic:active{ transform: translateY(1px) scale(.988); }

/* -----------------------------------------
   COMPOSER WIDGET (INPUT + ACTION BAR)
----------------------------------------- */
#bdApp{
  width:100%;
  position: relative;
  display:block;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--bd-font);
}
#bdApp .bd-composer{
  width:100%;
  max-width:560px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  gap: 8px;
}

/* Input pill — NO drop shadow */
#bdApp .bd-input-pill{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:999px;

  background:
    linear-gradient(180deg, var(--bd-glass-a), var(--bd-glass-b)),
    radial-gradient(120% 150% at 20% 0%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(140% 160% at 80% 100%, rgba(0,0,0,.18), transparent 55%);
  border:1px solid rgba(255,255,255,.16);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.22);

  backdrop-filter: blur(18px);
}

/* Buttons in input */
#bdApp .bd-pill-btn{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid var(--bd-glass-line2);
  background: rgba(10,18,34,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.28);
  cursor:pointer;
  display:grid;
  place-items:center;
  padding:0;
  line-height:1;
  -webkit-tap-highlight-color: transparent;
}
#bdApp .bd-pill-btn:active{ transform: translateY(1px) scale(.985); }
#bdApp .bd-clear{
  font-size:22px;
  font-weight:400;
  color: var(--bd-text);
  transform: translateY(-1px);
}
#bdApp .bd-send{
  border-color: rgba(255,122,26,.28);
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,122,26,.24), rgba(255,122,26,.12));
}
#bdApp .bd-send-svg{
  width:18px;
  height:18px;
  fill: rgba(255,220,200,.98);
  opacity:.95;
}

/* ✅ HARD FIX: remove any input shadow/outline styling */
#bdApp .bd-input{
  flex:1;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color: var(--bd-text);
  font-size:15px;
  padding:8px 2px;
  letter-spacing:.01em;

  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#bdApp .bd-input:focus{
  box-shadow: none !important;
  outline: none !important;
}
#bdApp .bd-input::placeholder{ color: rgba(148,163,184,.70); }

/* Selected tags */
#bdApp .bd-selected{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}

/* -----------------------------------------
   ACTION BAR — MORE OPACITY + ORANGE DIVIDERS
----------------------------------------- */
#bdApp .bd-actions{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top: 6px;
}
#bdApp .bd-action-pill{
  width:100%;
  max-width:560px;
  display:flex;
  gap:0;
  border-radius:999px;
  overflow:hidden;

  /* More opaque than before */
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
    radial-gradient(120% 180% at 30% 0%, rgba(255,255,255,.08), transparent 55%),
    radial-gradient(140% 180% at 85% 120%, rgba(0,0,0,.22), transparent 55%);
  border:1px solid rgba(255,255,255,.22);

  box-shadow:
    0 18px 55px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.14);

  backdrop-filter: blur(16px);
}
#bdApp .bd-action{
  flex:1;
  border:0;
  background: transparent;
  color: var(--bd-text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 10px;
  font-size:12.5px;
  letter-spacing:.02em;
  -webkit-tap-highlight-color: transparent;
}

/* ✅ Hot orange dividers instead of gray */
#bdApp .bd-action + .bd-action{
  border-left:1px solid rgba(255,122,26,.35);
}

#bdApp .bd-action:active{
  background: rgba(255,255,255,.05);
}

/* Count pill */
#bdApp .bd-count{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  border:1px solid rgba(255,122,26,.28);
  background: rgba(255,122,26,.12);
  color: rgba(255,220,200,.95);
  font-size:11px;
}

/* Toast + Modal (unchanged from your current) */
#bdApp .bd-toast{
  position:absolute;
  left:14px; right:14px; bottom:12px;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(10,18,34,.55);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}
#bdApp .bd-toast.show{ display:flex; }
#bdApp .bd-toast-title{
  font-size:13px;
  font-weight:700;
  color: var(--bd-text);
  letter-spacing:.02em;
}
#bdApp .bd-toast-msg{
  font-size:12px;
  color:var(--bd-muted);
  margin-top:2px;
}

#bdApp .bd-modal-back{
  position:absolute;
  inset:0;
  display:none;
  align-items:flex-end;
  justify-content:center;
  background:rgba(0,0,0,.45);
  padding:14px;
}
#bdApp .bd-modal-back.show{ display:flex; }

#bdApp .bd-modal{
  width:100%;
  max-width:560px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(10,18,34,.75);
  backdrop-filter: blur(20px);
  overflow:hidden;
  box-shadow: 0 28px 70px rgba(0,0,0,.45);
}
#bdApp .bd-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
#bdApp .bd-modal-title{
  font-weight:650;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(200,220,255,.85);
}
#bdApp .bd-modal-tools{ display:flex; gap:10px; }
#bdApp .bd-mini{
  width:32px;height:32px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,18,34,.28);
  color: rgba(226,232,240,.9);
  cursor:pointer;
  display:grid;
  place-items:center;
}
#bdApp .bd-mini:active{ transform: translateY(1px) scale(.99); }
#bdApp .bd-modal-body{ padding:14px; }
#bdApp .bd-label{
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(255,122,26,.75);
  margin-bottom:8px;
}
#bdApp .bd-row{ display:flex; gap:10px; }
#bdApp .bd-field{
  flex:1;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,18,34,.22);
  color: var(--bd-text);
  padding:12px;
  outline:none;
}
#bdApp .bd-add{
  width:48px;
  border-radius:14px;
  border:1px solid rgba(255,122,26,.22);
  background: rgba(255,122,26,.12);
  color: rgba(255,220,200,.95);
  cursor:pointer;
  font-size:18px;
}
#bdApp .bd-add:active{ transform: translateY(1px) scale(.99); }
#bdApp .bd-subhead{
  margin-top:14px;
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(200,220,255,.75);
}
#bdApp .bd-cloud{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-height:34px;
}
#bdApp .bd-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,18,34,.18);
  color: var(--bd-text);
  font-size:12px;
  cursor:pointer;
}
#bdApp .bd-chip.selected{
  border-color: rgba(255,122,26,.22);
  background: rgba(255,122,26,.10);
  color: rgba(255,220,200,.95);
}
#bdApp .bd-modal-foot{
  padding:12px 14px 14px 14px;
  border-top:1px solid rgba(255,255,255,.10);
}
#bdApp .bd-primary{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,122,26,.20);
  background: rgba(255,122,26,.90);
  color:#0b1220;
  font-weight:800;
  letter-spacing:.02em;
  padding:14px 12px;
  cursor:pointer;
}
#bdApp .bd-primary:active{ transform: translateY(1px) scale(.99); }
/* ELEMENTOR EDITOR FIXES (preview only) */
body.elementor-editor-active #bdTopbar .bd-email-dot{
  top: 64px !important;
  right: 18px !important;
}
body.elementor-editor-active .elementor-widget-html,
body.elementor-editor-active .elementor-widget-html .elementor-widget-container{
  background: transparent !important;
}