body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.sev-high {
  background: #E24B4A;
    background-color: rgb(226, 75, 74);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
}
.sev-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 4px;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; /* Makes it a circle */
}

.dot.red {
  background-color: red;
}

.dot.blue {
  background-color: #185FA5;
}

.dot.yellow {
  background-color: #f7d983;
}

.tag {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.tag_avoid {
    background:#FCEBEB;
    color:#A32D2D;
    font-size:11px;
}

.tag_conditional{
    background:#FAEEDA;color:#854F0B;font-size:11px;
}

.tag_consider{
    background: #FAEEDA;
    color:yello;
    font-size:11px;
}


.logic-plus {
  color: #0F6E56;
  background: #E1F5EE;
  font-size: 15px;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: font-mono;
}

.logic-or {
  color: #185FA5;
  background: #E6F1FB;
  font-size: 15px;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: font-mono;
}


.logic-optional {
  color: black;
  background: #f7d983;
  font-size: 15px;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: font-mono;
}

.logic-avoid {
  color:black;  
  background:#dc3848;;
  font-size: 15px;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: font-mono;
}

.item-notes {
  font-size: 0.85em; color: #666; font-style: italic; margin-top: 4px;
}

.urgency-badge {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.urg-urgent {background: #FCEBEB; color: #A32D2D;}
.urg-non-urgent{background: #E1F5EE; color: #085041;}
.urg-conditional{background: #f7d983; color: black}
.urg-medium{background: #f7d983; color: black} /* same as above */
.urg-avoid{background: red; color: black;}



.warning-banner {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 4px;
}

.caution-high {
    background-color: #f8d7da;
    border-left: 4px solid #dc3545;
    padding: 0.75rem;
    margin: 0.5rem 0;
}

.caution-medium {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 0.75rem;
    margin: 0.5rem 0;
}

.or-group {
    background-color: #f8f9fa;
    padding: 0.75rem;
    margin: 0.5rem 0;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.avoid-item {
    color: #dc3545;
    text-decoration: line-through;
}

.loading {
    opacity: 0.6;
    pointer-events: none;
}

.protocol-section {
    margin-bottom: 0.5rem;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}