/* FILE: assets/css/vnsatp-hub-style.css */
.vnsatp-hub-task-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; align-items: center; justify-content: center; font-family: Arial, sans-serif; }
.vnsatp-hub-task-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.vnsatp-hub-task-modal-content { position: relative; background-color: #fff; padding: 25px; border-radius: 8px; max-width: 650px; width: 90%; max-height: 90vh; overflow-y: auto; z-index: 100000; text-align: left; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
.vnsatp-hub-task-modal-close { position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 28px; cursor: pointer; color: #888; }
.vnsatp-hub-task-modal-close:hover { color: #333; }
.vnsatp-hub-task-modal-header { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; }
.vnsatp-hub-task-modal-header h3 { margin: 0; }
.vnsatp-hub-task-modal-body p { margin: 10px 0; line-height: 1.6; }
.vnsatp-hub-task-modal-body img { max-width: 100%; height: auto; border: 1px solid #ddd; margin-top: 5px; }
.vnsatp-hub-task-keyword-wrapper { display: flex; align-items: stretch; margin-top: 10px; }
.vnsatp-hub-task-keyword-wrapper input { flex-grow: 1; border: 1px solid #ccc; border-right: none; background-color: #f1f1f1; font-weight: bold; color: #d9534f; padding: 8px; border-radius: 4px 0 0 4px; }
.vnsatp-hub-task-keyword-wrapper button { border: 1px solid #ccc; background-color: #63b911; cursor: pointer; padding: 0 15px; border-radius: 0 4px 4px 0; }
.vnsatp-hub-task-modal-footer { border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px; }
.vnsatp-hub-task-modal-footer input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; }
.vnsatp-hub-task-error { color: #d9534f; font-size: 0.9em; margin-bottom: 10px; min-height: 1.2em; text-align: center; }
.vnsatp-hub-task-actions { display: flex; justify-content: center; gap: 10px; }
.vnsatp-hub-task-actions button { padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; }
.vnsatp-hub-button-primary { background-color: #007bff; color: white; }
.vnsatp-hub-button-secondary { background-color: #6c757d; color: white; }
.vnsatp-hub-button-primary:disabled, .vnsatp-hub-button-secondary:disabled { background-color: #999; cursor: not-allowed; }
.vnsatp-hub-task-loading { text-align: center; padding: 40px 0; }
.vnsatp-hub-spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: vnsatp-hub-spin 1s linear infinite; margin: 0 auto 15px; }
@keyframes vnsatp-hub-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }