/* Minimal functional styling */
body { font-family: sans-serif; margin: 15px; background-color: #fdfdfd; }
.container, .status-container { background: #fff; padding: 15px; border: 1px solid #eee; margin-bottom: 15px; border-radius: 4px; max-width: 600px;}
textarea { width: 95%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; font-size: 1em; min-height: 50px; }
button { padding: 8px 12px; margin-right: 5px; cursor: pointer; border: 1px solid #ccc; border-radius: 3px;}
button:disabled { cursor: not-allowed; opacity: 0.6; }
#task-id-display { font-size: 0.85em; color: #666; margin-bottom: 5px; }
#status-display { font-weight: bold; margin-bottom: 10px; padding: 8px; background-color: #f0f0f0; border-radius: 3px;}
.hidden { display: none; }
.review-box, .result-box { border: 1px solid #ddd; padding: 10px; margin-top: 10px; background-color: #f9f9f9; }
pre { background-color: #eee; padding: 10px; border: 1px solid #ddd; white-space: pre-wrap; word-wrap: break-word; max-height: 200px; overflow-y: auto;}
.approve { background-color: #d4edda; border-color: #c3e6cb; }
.reject { background-color: #f8d7da; border-color: #f5c6cb; }