#reportes-activity-editor { box-sizing: border-box; width: min(760px, calc(100vw - 24px)); max-height: 90vh; max-height: 90dvh; margin: auto; padding: 24px; border: 1px solid #a7c2c1; border-radius: 12px; background: #f7faf9; color: #194b4b; box-shadow: 0 12px 50px #0005; }
#reportes-activity-editor::backdrop { background: #0008; }
#reportes-activity-editor form { margin: 0; display: grid; gap: 12px; }
#reportes-activity-editor h2 { margin: 0 0 4px; font: 600 22px system-ui; }
#reportes-activity-editor label { font: 14px system-ui; }
#reportes-activity-editor textarea { box-sizing: border-box; width: 100%; min-height: 180px; max-height: 55vh; resize: vertical; padding: 12px; border: 1px solid #638e8c; border-radius: 6px; background: white; color: #243434; font: 16px/1.5 system-ui; white-space: pre-wrap; overflow-wrap: anywhere; }
#reportes-activity-editor textarea:focus { outline: 2px solid #17736d; outline-offset: 2px; }
#reportes-activity-editor p { margin: 0; color: #a32424; font: 14px system-ui; }
#reportes-activity-editor p:empty { display: none; }
#reportes-activity-editor footer { display: flex; gap: 12px; justify-content: flex-end; }
#reportes-activity-editor button { min-height: 44px; padding: 10px 20px; border: 1px solid #176c67; border-radius: 6px; background: white; color: #176c67; font: 600 16px system-ui; cursor: pointer; }
#reportes-activity-editor button[type=submit] { background: #176c67; color: white; }
#reportes-activity-editor button:disabled { opacity: .6; cursor: wait; }
@media(max-width: 600px) { #reportes-activity-editor { padding: 16px; } }