/* ============================================================
   benzo.css — BenzoCalc (Equivalência de Benzodiazepínicos)
   drpetrus.top · carregar após base.css e quests.css
   ============================================================ */

:root {
  --card:   #ffffff;
  --card2:  #edf1f4;
  --green:  #2d8a5a;
  --yellow: #b07800;
  --red:    #c0392b;
  --r:      12px; /* restaura 12px — quests.css sobrescreve para 10px */
}

main { max-width: 700px; }

/* Login */
.login-back-link { display:block;text-align:center;margin-top:14px;font-size:11px;color:var(--ci2);text-decoration:none }
.login-back-link:hover { color:var(--az) }

/* Cabeçalho */
.hdr-title { color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;opacity:.85 }

/* Título da página */
.page-title     { text-align:center;padding:0 0 20px }
.page-title-name{ font-size:1.6rem;font-weight:900;color:var(--az);letter-spacing:.02em }
.page-title-sub { font-size:.72rem;color:var(--ci2);text-transform:uppercase;letter-spacing:.12em;margin-top:5px }

/* Card overrides */
.card       { padding:18px 16px }
.card-label { font-size:.68rem;font-weight:700;color:var(--ci);text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px }

/* Toggle buttons */
.t-group { display:flex;gap:6px;flex-wrap:wrap }
.t-btn   { flex:1;min-width:80px;padding:8px 4px;background:var(--card2);border:1.5px solid var(--bd);border-radius:6px;color:var(--ci2);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:center;transition:all .15s;user-select:none }
.t-btn:hover { border-color:var(--ci);color:var(--az) }
.t-btn.on    { background:var(--ci);border-color:var(--ci);color:#fff;font-weight:700 }

.profile-row             { display:grid;grid-template-columns:3fr 2fr;gap:14px }
.profile-row .field label{ display:block;font-size:.72rem;color:var(--ci2);margin-bottom:8px;font-weight:600 }

/* Selects */
select {
  width:100%;
  background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236D7073' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat right 11px center;
  border:1.5px solid var(--bd);border-radius:6px;color:var(--az);font-size:.9rem;font-family:inherit;
  padding:9px 30px 9px 11px;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .15s
}
select:focus  { border-color:var(--ci) }
select option { background:#fff;color:var(--az) }

/* BZD row */
.bzd-row         { display:flex;align-items:flex-end;gap:8px }
.bzd-wrap        { flex:1;display:flex;flex-direction:column;gap:6px }
.bzd-wrap > label{ font-size:.72rem;color:var(--ci2);font-weight:600 }
.dur-badge       { display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--ci2);min-height:16px }
.dur-dot  { width:7px;height:7px;border-radius:50%;flex-shrink:0 }
.d-ultra  { background:#c0392b }
.d-curta  { background:#b07800 }
.d-inter  { background:#01a9ce }
.d-longa  { background:#2d8a5a }

/* Swap */
.swap { width:38px;height:38px;flex-shrink:0;background:var(--card2);border:1.5px solid var(--bd);border-radius:50%;color:var(--ci);font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-bottom:22px }
.swap:hover { background:var(--ci);color:#fff;border-color:var(--ci) }

/* Calc row */
.calc-row   { display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:center;margin-top:14px }
.calc-arrow { text-align:center;color:var(--ci);font-size:1rem;font-weight:700 }
.field > label     { display:block;font-size:.72rem;color:var(--ci2);margin-bottom:7px;font-weight:600 }
.input-wrap        { position:relative }
.input-wrap input  { width:100%;background:var(--bg);border:1.5px solid var(--bd);border-radius:6px;color:var(--az);font-size:.95rem;font-family:inherit;padding:9px 34px 9px 11px;outline:none;transition:border-color .15s }
.input-wrap input:focus       { border-color:var(--ci);background:#fff }
.input-wrap input::placeholder{ color:#b8c8d0 }
.unit { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--ci2);pointer-events:none;font-weight:600 }

/* Result */
.result-box  { background:linear-gradient(135deg,var(--az) 0%,#2c6080 100%);border:none;border-radius:6px;padding:8px 11px;min-height:42px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 14px rgba(30,65,82,.25) }
.result-val  { font-size:1.55rem;font-weight:700;color:var(--ci);line-height:1.1 }
.result-drug { font-size:.72rem;color:rgba(255,255,255,.5);margin-top:2px }
.via-diazepam{ margin-top:10px;font-size:.72rem;color:var(--ci2);text-align:center;line-height:1.5;min-height:16px }
.adj-box     { margin-top:10px;background:#fff8e6;border:1px solid #f0c040;border-radius:6px;padding:8px 11px;font-size:.78rem;color:var(--az) }
.adj-box strong { color:var(--yellow) }

/* Obs */
.obs-list  { display:flex;flex-direction:column;gap:8px }
.obs-item  { display:flex;gap:9px;align-items:flex-start;padding:9px 12px;border-radius:6px;font-size:.8rem;line-height:1.5;animation:fadeIn .18s ease }
.obs-item.green  { background:rgba(45,138,90,.07); border-left:3px solid var(--green)  }
.obs-item.yellow { background:rgba(176,120,0,.07); border-left:3px solid var(--yellow) }
.obs-item.red    { background:rgba(192,57,43,.08); border-left:3px solid var(--red)    }
.obs-item.blue   { background:rgba(1,169,206,.08); border-left:3px solid var(--ci)     }
.obs-icon  { font-size:.95rem;flex-shrink:0;margin-top:1px }
.obs-txt   { color:var(--az) }
.obs-txt strong { color:var(--ci) }
.obs-empty { color:var(--ci2);font-size:.82rem;text-align:center;padding:10px 0 }
.sources   { margin-top:12px;background:var(--card2);border:1px solid var(--bd);border-radius:6px;padding:9px 13px;font-size:.72rem;color:var(--ci2);line-height:1.6 }
.sources b { color:var(--az);font-weight:700 }

/* Footer */
.benzo-footer { margin-top:22px;background:var(--az);border-radius:var(--r);padding:22px 20px 18px;text-align:center }
.disclaimer        { font-size:.75rem;color:rgba(255,255,255,.5);max-width:520px;margin:0 auto 10px;line-height:1.6 }
.disclaimer strong { color:#ffc107 }
.copyright         { font-size:.68rem;color:rgba(255,255,255,.25) }

@media (max-width:500px) {
  .profile-row  { grid-template-columns:1fr }
  .bzd-row      { flex-wrap:wrap }
  .bzd-wrap     { min-width:0 }
  .swap         { margin-bottom:0;align-self:center }
  .calc-row     { grid-template-columns:1fr 18px 1fr }
  .result-val   { font-size:1.25rem }
}

@keyframes fadeIn {
  from { opacity:0;transform:translateY(-3px) }
  to   { opacity:1;transform:translateY(0) }
}