.elementor-11804 .elementor-element.elementor-element-091b4aa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-11804 .elementor-element.elementor-element-3c94f14 .elementor-button{background-color:#E52A4F;border-radius:25px 25px 25px 25px;}.elementor-11804 .elementor-element.elementor-element-3c94f14 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11804 .elementor-element.elementor-element-9788313 .elementor-button{background-color:#3C62F4;border-radius:25px 25px 25px 25px;}.elementor-11804 .elementor-element.elementor-element-9788313 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-11804 .elementor-element.elementor-element-93dde8c{width:50%;}.elementor-11804 .elementor-element.elementor-element-bd07782{width:50%;}}/* Start custom CSS *//* ======================================================
   ASISTENGUE – TASK CREATE / EDIT UI (FIXED)
   ====================================================== */

.ag-task-create {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 0;
}

/* Title */
.ag-task-create h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

/* Form */
.ag-task-create form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Title input */
.ag-task-create input[name="title"] {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}

/* =========================
   DESCRIPTION
   ========================= */

.ag-task-desc {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.ag-task-desc .wp-editor-container {
  border: none;
}

/* =========================
   META GRID (CORRECT)
   ========================= */

.ag-task-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
}

/* Each field wrapper */
.ag-task-meta .ag-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Labels */
.ag-task-meta .ag-field label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

/* Inputs & selects */
.ag-task-meta input,
.ag-task-meta select {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus */
.ag-task-meta input:focus,
.ag-task-meta select:focus,
.ag-task-create input[name="title"]:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* Date input icon spacing */
.ag-task-meta input[type="date"] {
  padding-right: 44px;
}

/* =========================
   BUTTON
   ========================= */

.ag-task-meta button {
  grid-column: span 2;
  margin-top: 8px;
  padding: 14px 20px;
  border-radius: 14px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  background: #111827;
  color: #fff;
  transition: background 0.2s, transform 0.1s;
}

.ag-task-meta button:hover {
  background: #000;
}

.ag-task-meta button:active {
  transform: translateY(1px);
}

/* =========================
   SUCCESS NOTICE
   ========================= */

.ag-notice.success {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 768px) {
  .ag-task-meta {
    grid-template-columns: 1fr;
  }

  .ag-task-meta button {
    grid-column: span 1;
  }
}

/* =========================
   DEADLINE + STATUS INLINE
   ========================= */

/* Make Deadline & Status share one row */
.ag-task-meta .ag-field.deadline,
.ag-task-meta .ag-field.status {
  grid-column: span 1;
}

/* Optional: tighten spacing so they feel paired */
.ag-task-meta .ag-field.deadline,
.ag-task-meta .ag-field.status {
  margin-top: 4px;
}/* End custom CSS */