/* /public_html/vascular/vascular_styles.css
   Small overrides on top of /styles.css to make Vascular a real chat + readable text.
*/

/* --- mode switching (presearch -> postsearch) --- */
.chat-container.presearch .postsearch-controls { display: none; }
.chat-container.postsearch .presearch-controls { display: none; }
.chat-container.postsearch .postsearch-controls { display: block; }

/* Ensure chat box is visible in postsearch */
.chat-container.postsearch #chat-box { display: block; }

/* --- legacy bubble styles (if you still render .msg/.bubble anywhere) --- */
.msg { display:flex; margin:10px 0; }
.msg.user { justify-content:flex-end; }
.msg.bot  { justify-content:flex-start; }
.bubble { max-width: 900px; padding:12px 14px; border-radius:14px; }
.bot-bubble { background: rgba(255,255,255,0.06); }

/* --- SAIMSARA classes used by your JS (recommended) --- */

/* Root SAIMSARA hides user-message; enable it for Vascular */
.user-message{
  display:block !important;
  margin: 10px 0 10px auto;
  padding: 12px 16px;
  border-radius: 20px;
  max-width: 78%;
  word-wrap: break-word;
  background: rgba(39,133,201,0.12);
  border: 1.5px solid rgba(39,133,201,0.28);
  color: #006798; /* readable on white */
}

/* Bot bubble: keep readable text regardless of theme */
.bot-message{
  display:block;
  margin: 10px auto 10px 0;
  padding: 12px 16px;
  border-radius: 20px;
  max-width: 92%;
  word-wrap: break-word;
  background: rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.08);
  color: #111; /* force readable text */
}

/* Markdown inside bot */
.bot-message .markdown{ color: inherit; }
.bot-message p{ margin: 0 0 10px 0; }
.bot-message p:last-child{ margin-bottom: 0; }
.bot-message ul, .bot-message ol{ margin: 8px 0 8px 20px; }
.bot-message li{ margin: 3px 0; }
.bot-message code{ padding: 2px 5px; border-radius: 6px; background: rgba(0,0,0,0.05); }

/* Citations block */
.citations{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,0.12);
  font-size:13px;
  opacity:.95;
}
.citations a{ color:#006798; text-decoration: underline; }

/* --- postsearch chat input row --- */
.postsearch-controls{
  max-width: 980px;
  margin: 10px auto;
  padding: 0 12px;
  width: 96%;
}

.vascular-chatbar{
  display:flex;
  align-items:center;
}

/* Continue-input */
#user-input2{
  flex:1;
  padding: 12px;
  border: 1.5px solid rgba(39,133,201,0.5);
  border-radius: 6px;
  font-size: 16px;
  background: rgba(39,133,201,0.08);
  color: #006798;
  outline: none;
}
#user-input2::placeholder{ color:#006798; opacity:.75; }
#user-input2:focus{
  border-color: rgba(39,133,201,0.9);
  box-shadow: 0 0 0 3px rgba(39,133,201,0.18);
}

/* Continue button */
#send-btn2{
  min-height: 44px;
  padding: 12px 14px;
  background: rgba(39,133,201,0.12);
  border: 1.5px solid rgba(39,133,201,0.45);
  border-radius: 6px;
  color: #006798;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
}
#send-btn2:hover{ opacity:.9; }
#send-btn2:disabled{ opacity:.6; cursor: default; }

/* Spinner readability */
#spinner{
  color:#111;
}

/* Optional: if your root CSS uses dark theme variables, keep links readable */
a{ color:#006798; }



.run-rename {
    display: block;
    width: 100%;
    border: 1px solid rgba(39, 133, 201, 0.18);
    background: rgba(39, 133, 201, 0.06);
    color: #006798;
    font-weight: 800;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    margin-bottom: 6px;
}

a.vcite{
  text-decoration: none;
  font-weight: 600;
  vertical-align: super;
  font-size: 0.75em;
  line-height: 1;
  margin-left: 2px;
  opacity: 0.9;
}

a.vcite:hover{
  text-decoration: underline;
  opacity: 1;
}

@media (max-width: 920px) {
    .chat-container.presearch .presearch-controls {
        margin-top: 0px !important;
    }
}

.chat-container.presearch .input-container
 {min-height: 80vh !important;}

@media (min-width: 920px) {.chat-container.presearch .presearch-controls
 {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}}



.evidence-figure{ margin: 12px 0 0; }
.evidence-figure img{
  display:block; max-width:100%; height:auto;
  border-radius:10px; border:1px solid rgba(0,0,0,0.12); margin: 1px auto;
}
.evidence-figure figcaption{
  font-size:12px; opacity:.75; margin-top:6px;
}


.hero .sub .issue-meta{ display:inline-block; }
.hero .sub .meta-dot{ opacity:.6; margin:0 6px; }
@media (max-width: 420px){
  .hero .sub .meta-dot{ margin:0 4px; }
}

.evidence-extra-head{
  font-weight: 700;
  margin: 10px 0 8px;
  opacity: .9;
}

.home-link {font-size: 18px; text-decoration: none;position: absolute; right: 60px;top: 13px;}
@media (max-width: 780px){
  .home-link{right: 50px;}
}