.medication-care-panel { min-width: 0; font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; color: #203036; }
.medication-care-panel p { margin: 6px 0; overflow-wrap: anywhere; }
.medication-care-panel > strong { font-size: 16px; }
.medication-care-panel .button-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.medication-care-panel button { border: 1px solid #b9cbc5; border-radius: 10px; padding: 9px 12px; min-height: 44px; max-width: 100%; background: #f5f9f7; color: #203036; font: inherit; font-weight: 600; }
.medication-care-panel button[type="submit"] { background: #345c50; color: #fff; border-color: #345c50; }
.medication-care-panel details { border-top: 1px solid #d5e0dc; margin-top: 8px; }
.medication-care-panel summary { padding: 10px 2px; font-size: 14px; }
.medication-care-editor { margin: 8px 0; padding: 10px; border: 1px solid #b9cec5; border-radius: 12px; background: rgb(245 250 248 / 86%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 5px 18px rgb(31 67 56 / 8%); }
.medication-care-editor h3 { margin: 0 0 8px; font-size: 16px; }
.medication-care-editor label { display: grid; gap: 4px; margin: 0 0 9px; font-size: 13px; font-weight: 600; }
.medication-care-editor input, .medication-care-editor select, .medication-care-editor textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; font: inherit; font-weight: 400; background: #fff; }
.medication-care-editor textarea { min-height: 60px; max-height: 160px; resize: vertical; }
.medication-care-editor .care-error { color: #9b3333; font-weight: 600; }
@media (prefers-reduced-transparency: reduce) { .medication-care-editor { background: #f5faf8; backdrop-filter: none; } }