.g3-btn-reset {
    background: #74a81a;
    color: #fff !important;
    padding: 10px 18px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    margin: 10px 0 20px 0;
    font-weight: 600;
    font-size: 11px;
    transition: background 0.2s ease
}

#g3-v4 {
  background:#111;
  color:#63EC41;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding:1.5rem;
  max-width:1200px;
  margin:0 auto
}

.g3-v4-header h2 {
  margin:0 0 .25rem
}
.g3-v4-header p {
  margin:0 0 1rem;
  color:#c4ffc4;
  font-size:.9rem
}

.g3-v4-block {
  background: #111;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    border-left: 4px solid #63EC41;
    box-shadow: 0 0 10px #63EC4154
}

.g3-v4-block h3 {
  margin-top:0;
  margin-bottom:.75rem;
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:.06em
}

.g3-v4-context {
  display: flex;
  gap: .75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.g3-v4-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.75rem
}

.g3-v4-field {
  padding: 10px;
  border-radius: 8px;
  background-color: #1c1c1c;
  border: 1px solid #c4ffa25c;
  box-shadow: inset 0 4px 8px rgb(0 0 0 / .4), 0 4px 0 #0e0e0e;
  align-content: center
}

.g3-v4-field label {
  font-size:.85rem
}

.g3-v4-field input,
.g3-v4-field select {
  background:#000;
  border:1px solid #63EC41;
  border-radius:4px;
  padding:.35rem .5rem;
  color:#fff;
  font-size:.85rem;
  width: auto
}

.g3-v4-field input:focus,
.g3-v4-field select:focus {
  outline:none;
  box-shadow:0 0 8px #63EC4154
}

.g3-v4-field small {
  font-size:.75rem;
  color:#c4ffc4
}

.g3-v4-results {
  border-style: dashed;
    border: 2px dashed #63EC41;
    border-left: 4px solid #63EC41;
    box-shadow: 0 0 10px #63EC4154
}

.g3-v4-results-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.75rem
}

.g3-v4-result-card {
  color: #f7f7f7;
  padding: 10px;
  border-radius: 8px;
  background-color: #1c1c1c;
  border: 1px solid #c4ffa25c;
  box-shadow: inset 0 4px 8px rgb(0 0 0 / .4), 0 4px 0 #0e0e0e
}

.g3-v4-result-card h4 {
  margin:0 0 .35rem;
  font-size:.85rem
}

.g3-v4-result-row {
  display:flex;
  justify-content:space-between;
  font-size:.8rem
}

.g3-v4-result-row span:last-child {
  font-weight:600
}

/* Gears */
.g3-v4-gears {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:.5rem;
  margin-top:.75rem
}

.g3-v4-btn-sup {
    background-color: #e90f19;
    color: white !important
}

.g3-v4-btn-sup:hover {
    background-color: #e90f1950
}
.docteur-textarea {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    padding: 8px;
    border-radius: 6px;
    resize: none;
    margin-bottom: 10px;
}

.symptomes-compact {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 6px;
}

.symptome-mini {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 5px;
    cursor: pointer;
    transition: 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    width: 100%;
    max-width: 160px;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
}

.symptome-mini:hover {
    background: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.25);
    transform: scale(1.03);
}

.docteur-correction {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
}

.docteur-correction h4 {
    margin: 0 0 6px 0;
    color: #00bfff;
}

.docteur-alert {
    background: rgba(255,0,0,0.15);
    border: 1px solid rgba(255,0,0,0.3);
    padding: 8px;
    border-radius: 6px;
    color: #ffb3b3;
    margin-top: 10px;
}
.g3-toast {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: rgba(0, 0, 0, 0.85);
    color: #00bfff;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 0 12px rgba(0, 191, 255, 0.4);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.35s ease;
    z-index: 9999;
    pointer-events: none;
}
.g3-toast.show {
    opacity: 1;
    transform: translateY(0);
}
.g3-toast-confirm {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: rgba(0,0,0,0.90);
    color: #fff;
    padding: 18px 22px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,191,255,0.45);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.35s ease;
    z-index: 9999;
    width: 280px;
}

.g3-toast-confirm.show {
    opacity: 1;
    transform: translateY(0);
}

.g3-toast-confirm h4 {
    margin: 0 0 10px 0;
    color: #00bfff;
    font-size: 15px;
}

.g3-toast-confirm .confirm-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.g3-toast-confirm button {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.20);
    padding: 6px 12px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    transition: 0.2s ease;
    font-size: 13px;
}

.g3-toast-confirm button:hover {
    background: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.35);
}
.docteur-modifs {
    margin-top: 15px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    padding: 12px;
    border-radius: 8px;
}

.docteur-modifs h4 {
    margin: 0 0 10px 0;
    color: #00bfff;
}

.docteur-modifs ul {
    margin: 0;
    padding-left: 18px;
}

.docteur-modifs li {
    margin: 4px 0;
    font-size: 13px;
}

@media (max-width:736px) {
  #g3-v4 {
    padding:1rem
  }
.g3-v4-field {
  width: 100%;
}
}