.operational-convivencia { font-size: .875rem; }
.operational-convivencia [data-convivencia-body] { margin-top: 12px; }
.operational-convivencia form { display: grid; gap: 10px; margin-top: 12px; }
.operational-convivencia label { display: grid; gap: 4px; }
.operational-convivencia input:not([type=checkbox]), .operational-convivencia select, .operational-convivencia textarea {
    width: 100%; min-width: 0; border: 1px solid #b7cee6; border-radius: 7px; padding: 8px; background: #fff; color: #123f64;
}
.operational-convivencia textarea { min-height: 76px; resize: vertical; }
.operational-convivencia .operational-convivencia__check { display: flex; align-items: center; gap: 7px; }
.operational-convivencia__check input { width: 16px; height: 16px; margin: 0; }
.operational-convivencia__components { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.operational-convivencia__items { display: grid; gap: 8px; }
.operational-convivencia__items > div { display: grid; grid-template-columns: 2fr 1.5fr .6fr; gap: 8px;
    padding: 10px; border: 1px solid #d5e2ed; border-radius: 9px; background: #fafcfe; }
.operational-convivencia__items small { grid-column: 1/-1; }
.operational-convivencia__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.operational-convivencia__students { display: grid; gap: 6px; margin-top: 8px; }
.operational-convivencia__students button { display: flex; gap: 8px; align-items: center; text-align: left; }
.operational-convivencia__students small { display: block; }
.operational-convivencia__photo, .operational-convivencia__initials { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 8px; object-fit: cover; }
.operational-convivencia__initials { display: grid; place-items: center; background: #edf4fc; }
.operational-convivencia__events { display: grid; gap: 8px; }
.operational-convivencia__events article { padding: 10px; border: 1px solid #d5e2ed; border-radius: 9px; background: #fffdf4; }
.operational-convivencia__events small { display: block; margin-top: 4px; }
.operational-convivencia p { margin: 6px 0; }
@media(max-width:700px) {
    .operational-convivencia__components,.operational-convivencia__items > div { grid-template-columns: 1fr; }
}