/* Same controls and spacing in quick creation, agenda and complete edition. */
html body .onecup-task-fields { display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; min-width:0; gap:0 15px; }
html body .onecup-task-fields > .form-group { margin-right:0; margin-left:0; box-sizing:border-box; min-width:0; }
html body .onecup-task-fields > .form-group-sm { width:calc((100% - 15px)/2)!important; }
html body .onecup-task-fields > .form-group-lg { width:100%; }
html body .onecup-task-identity-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; width:100%; min-width:0; }
html body .onecup-task-identity-row > .form-group { width:100%!important; min-width:0; margin-right:0; margin-left:0; }
html body .onecup-task-identity-row > .form-group:only-child { grid-column:1/-1; }
html body .onecup-task-fields .form-group > label { min-height:24px; display:flex; align-items:center; gap:4px; }
html body .onecup-task-fields .form-group > :is(input,select) { box-sizing:border-box; height:35px; min-height:35px; width:100%; }
html body .onecup-task-fields :is(.onecup-task-assignee-field,.onecup-task-project-field),
html body .onecup-project-filter { position:relative; }
html body .onecup-project-filter { width:100%!important; min-width:0; margin-right:0; margin-left:0; }
html body .onecup-task-fields .select2-title h5, html body .onecup-project-filter .select2-title h5 { margin:0; }
html body .onecup-centered-editor > .side-2 { float:none; margin-left:auto; margin-right:auto; left:auto; right:auto; flex:0 1 900px; width:calc(100% - 30px); max-width:900px; }
html body .onecup-centered-editor > .side-2 > .tab-content { width:100%; }
html body .onecup-task-kanban-view .opportunity-kanban__assigned { display:block; }
html body .onecup-task-kanban-view .opportunity-kanban__assigned .onecup-task-assignment-response { display:inline; margin-left:4px; color:inherit; font-size:inherit; }
@media(max-width:1199px) {
 html body .onecup-task-fields > .form-group-sm { width:100%!important; }
 html body .onecup-task-identity-row { grid-template-columns:minmax(0,1fr); gap:0; }
 html body .onecup-task-fields .form-group > label { min-height:24px; }
 html body .onecup-centered-editor > .side-2 { flex-basis:100%; width:100%; max-width:100%; }
}
@media(min-width:1200px) {
 html body #nuevoevento > .onecup-task-dialog, html body #nuevoevento > .onecup-task-dialog > .modal-content { width:550px; }
}

/* Recurrence uses the same form widths, typography and mobile breakpoint. */
html body .onecup-task-recurrence { display:flex; flex-wrap:wrap; gap:0 15px; min-width:0; }
html body .onecup-task-recurrence > .form-group { margin-left:0; margin-right:0; min-width:0; box-sizing:border-box; }
html body .onecup-task-recurrence > .form-group-sm { width:calc((100% - 15px)/2)!important; }
html body .onecup-task-recurrence > .form-group-lg { width:100%; }
html body .onecup-recurrence-week { display:flex; flex-direction:row!important; flex-wrap:wrap; gap:8px 12px; }
html body .onecup-recurrence-week label { width:auto!important; flex:0 0 auto; margin:0; display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
html body .onecup-recurrence-week input { width:auto; height:auto; margin:0; }
html body .onecup-recurrence-hint { display:block; }
html body .onecup-recurrence-summary { width:100%; }
html body .onecup-recurrence-summary small { display:block; }
html body .onecup-recurrence-summary .btn-wrapper { margin-top:5px; }
html body .onecup-recurrence-loading { display:inline-block; width:14px; height:14px; box-sizing:border-box; border:2px solid #dce1e9; border-top-color:#1a73e8; border-radius:50%; animation:onecup-recurrence-spin .8s linear infinite; }
@keyframes onecup-recurrence-spin { to { transform:rotate(360deg); } }
@media(max-width:1199px){ html body .onecup-task-recurrence > .form-group-sm { width:100%!important; } }
@media(prefers-reduced-motion:reduce){html body .onecup-recurrence-loading { animation:none; }}

/* Predictive fields keep their underline after selection, in every shared form. */
html body .form-group .onecup-selection-field { display:flex; align-items:center; width:100%; min-width:0; min-height:35px; box-sizing:border-box; margin:0!important; padding:0 0 5px; border-bottom:1px solid #e5e6e7; }
html body .form-group .onecup-selection-field .contacto-xs { max-width:100%; }
html body div.select2-body ul li.onecup-picker-loading { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:8px; min-height:62px; height:auto; padding:14px 15px!important; border:0; box-sizing:border-box; overflow:hidden; }
html body div.select2-body ul li.onecup-picker-loading > .onecup-skeleton { display:block; flex:none; position:relative; width:85%; max-width:none; height:12px; min-height:12px; margin:0; padding:0; border:0; border-radius:6px; overflow:hidden; background:#e8edf3; }
html body div.select2-body ul li.onecup-picker-loading > .onecup-skeleton:last-child { width:60%; }
html body div.select2-body ul li.onecup-picker-loading > .onecup-skeleton::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent); animation:onecup-picker-shimmer 1.4s ease-in-out infinite; }
@keyframes onecup-picker-shimmer { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
@media(prefers-reduced-motion:reduce){html body div.select2-body ul li.onecup-picker-loading > .onecup-skeleton::after { animation:none; }}

/* Task save failures use the contextual notice layout, with warning colors. */
html body p.onecup-task-save-warning.warning {
 display:block!important; box-sizing:border-box; width:100%; margin:0 0 15px!important;
 padding:10px 12px!important; border:1px solid #ffd1d7; border-left:3px solid #ff3b4d;
 border-radius:3px!important; background:#fff2f3!important; color:#b42338!important;
 font-size:10px!important; line-height:1.5!important; font-style:normal; font-weight:400;
 text-align:left; white-space:normal; overflow-wrap:anywhere; scroll-margin-block:80px;
}
html body p.onecup-task-save-warning.warning:focus { outline:none; }

/* Task Information keeps recurrence at the same half width as other fields. */
html body #task-view #tab-2 .onecup-recurrence-summary { width:50%!important; }