/* Prescricao Perfeita — escopado em #view-prescricao, reaproveita tokens do app */
#view-prescricao .pp-wrap { max-width: 1080px; margin: 0 auto; }
#view-prescricao .pp-kicker { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8b5cf6; margin: 0 0 6px; }
#view-prescricao .pp-hero h1 { margin: 0; }
#view-prescricao .pp-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 16px 0 8px; }
#view-prescricao .pp-stat { background: var(--app-card-bg, rgba(255,255,255,0.85)); border: 1px solid var(--app-card-border, rgba(0,0,0,0.08)); border-radius: 14px; padding: 12px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
#view-prescricao .pp-stat svg { width: 18px; height: 18px; color: #8b5cf6; }
#view-prescricao .pp-stat strong { font-size: 1.05rem; }
#view-prescricao .pp-stat small { color: #6b7280; font-size: 0.75rem; }
#view-prescricao .pp-secao { margin: 18px 0 10px; font-size: 1rem; }
#view-prescricao .pp-modos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
#view-prescricao .pp-modo { display: flex; align-items: center; gap: 12px; text-align: left; padding: 14px; border-radius: 16px; border: 1px solid var(--app-card-border, rgba(0,0,0,0.08)); background: var(--app-card-bg, rgba(255,255,255,0.9)); cursor: pointer; transition: transform 0.15s ease, border-color 0.15s ease; }
#view-prescricao .pp-modo:hover { transform: translateY(-1px); border-color: #8b5cf6; }
#view-prescricao .pp-modo:focus-visible { outline: 2px solid #8b5cf6; outline-offset: 2px; }
#view-prescricao .pp-modo-icone { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #8b5cf6, #ec4899); display: flex; align-items: center; justify-content: center; color: #fff; flex: none; }
#view-prescricao .pp-modo-icone svg { width: 22px; height: 22px; }
#view-prescricao .pp-modo-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; }
#view-prescricao .pp-modo-txt small { color: #6b7280; }
#view-prescricao .pp-modo-qtd { color: #9ca3af; font-size: 0.72rem; }
#view-prescricao .pp-modo-seta { color: #9ca3af; }
#view-prescricao .pp-topbar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
#view-prescricao .pp-topmeta { margin-left: auto; font-size: 0.8rem; color: #6b7280; }
#view-prescricao .pp-timer { display: inline-flex; align-items: center; gap: 6px; background: #0f172a; color: #fff; border-radius: 999px; padding: 6px 12px; font-variant-numeric: tabular-nums; }
#view-prescricao .pp-timer svg { width: 14px; height: 14px; }
#view-prescricao .pp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
#view-prescricao .pp-card { background: var(--app-card-bg, rgba(255,255,255,0.9)); border: 1px solid var(--app-card-border, rgba(0,0,0,0.08)); border-radius: 18px; padding: 18px; }
#view-prescricao .pp-card h2 { margin: 0 0 8px; font-size: 1.05rem; }
#view-prescricao .pp-card h3 { margin: 14px 0 6px; font-size: 0.85rem; color: #4b5563; }
#view-prescricao .pp-quadro { color: #374151; line-height: 1.5; }
#view-prescricao .pp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#view-prescricao .pp-chip { background: rgba(139,92,246,0.1); border: 1px solid rgba(139,92,246,0.25); color: #5b21b6; border-radius: 999px; padding: 4px 10px; font-size: 0.78rem; font-weight: 600; }
#view-prescricao .pp-dados { margin: 0; padding-left: 18px; color: #374151; font-size: 0.88rem; }
#view-prescricao .pp-rx { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
#view-prescricao .pp-rx-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--app-card-border, rgba(0,0,0,0.08)); border-radius: 12px; padding: 10px 12px; animation: ppIn 0.18s ease; }
#view-prescricao .pp-rx-item small { display: block; color: #6b7280; margin-top: 2px; }
#view-prescricao .pp-link { background: none; border: none; color: #ef4444; font-weight: 600; cursor: pointer; font-size: 0.8rem; }
#view-prescricao .pp-vazio { color: #6b7280; font-size: 0.88rem; }
#view-prescricao .pp-form { display: flex; flex-direction: column; gap: 10px; margin: 12px 0; }
#view-prescricao .pp-form label { display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; font-weight: 600; color: #4b5563; }
#view-prescricao .pp-form input, #view-prescricao .pp-form select { border: 1px solid rgba(0,0,0,0.12); border-radius: 10px; padding: 9px 10px; font-size: 0.9rem; background: #fff; color: #111827; }
#view-prescricao .pp-form input:focus-visible, #view-prescricao .pp-form select:focus-visible, #view-prescricao button:focus-visible { outline: 2px solid #8b5cf6; outline-offset: 2px; }
#view-prescricao .pp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#view-prescricao .pp-btn-pri { width: 100%; border: none; border-radius: 12px; padding: 12px; font-weight: 700; background: linear-gradient(135deg, #8b5cf6, #6d28d9); color: #fff; cursor: pointer; }
#view-prescricao .pp-btn-pri:disabled { opacity: 0.45; cursor: not-allowed; }
#view-prescricao .pp-btn-sec { border: 1px solid rgba(139,92,246,0.4); background: rgba(139,92,246,0.08); color: #6d28d9; border-radius: 12px; padding: 10px; font-weight: 700; cursor: pointer; }
#view-prescricao .pp-fonte { color: #9ca3af; font-size: 0.75rem; margin-top: 12px; }
#view-prescricao .pp-score { text-align: center; }
#view-prescricao .pp-total strong { font-size: 2rem; }
#view-prescricao .pp-break { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; text-align: left; }
#view-prescricao .pp-break li { display: flex; justify-content: space-between; border-top: 1px dashed rgba(0,0,0,0.1); padding-top: 6px; font-size: 0.88rem; }
#view-prescricao .pp-fb { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
#view-prescricao .pp-fb li { border-radius: 12px; padding: 10px 12px; border: 1px solid rgba(0,0,0,0.08); }
#view-prescricao .pp-fb-ok { background: #f0fdf4; }
#view-prescricao .pp-fb-atencao { background: #fffbeb; }
#view-prescricao .pp-fb-erro { background: #fef2f2; }
#view-prescricao .pp-fb p { margin: 4px 0 0; color: #374151; font-size: 0.88rem; line-height: 1.5; }
#view-prescricao .pp-expl { margin-top: 12px; color: #4b5563; font-size: 0.88rem; }
#view-prescricao .pp-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
#view-prescricao .pp-ajuda { margin-bottom: 14px; }
#view-prescricao .pp-ajuda p { color: #374151; font-size: 0.9rem; line-height: 1.55; }
#view-prescricao .pp-ajuda .pp-dados { margin-top: 8px; }
@keyframes ppIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (max-width: 860px) {
  #view-prescricao .pp-cols { grid-template-columns: 1fr; }
  #view-prescricao .pp-stats { grid-template-columns: repeat(3, 1fr); }
  #view-prescricao .pp-modos { grid-template-columns: 1fr; }
  #view-prescricao .pp-acoes { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  #view-prescricao * { animation: none !important; transition: none !important; }
}
body.dark-mode #view-prescricao .pp-form input, body.dark-mode #view-prescricao .pp-form select { background: #111827; color: #f9fafb; border-color: rgba(255,255,255,0.15); }